@charset "UTF-8";
/*------------------------------- Section Title Styles ---------------------------------*/
.title__be--2 { color: #1B3247; font-size: 24px; line-height: 1.4; padding: 0 0 30px; position: relative; }

.version_menu_01 .mainmenu__nav { justify-content: center; }

@media (min-width: 992px) and (max-width: 1199px) { .version_menu_01 .navtool { padding-top: 5px; }
  .version_menu_01 .mainmenu__nav { justify-content: flex-end; } }

@media (max-width: 991px) { .version_menu_01 .navtool { margin-right: 50px; } }

@media (max-width: 767px) { .version_menu_01 #mainnav { min-height: 80px; height: auto; } }

@media (max-width: 420px) { .version_menu_01 .logo a { justify-content: center; }
  .version_menu_01 .navtool li a { padding: 10px; } }

.version_footer_02 .account { display: flex; justify-content: center; flex-wrap: wrap; }

.version_footer_02 .account h4 { margin: 0 30px 0.6rem; }

@media (max-width: 767px) { .version_footer_02 .account .footer__content { width: 100%; } }

.version_footer_02 ul.ft__menu li a { padding-left: 0; }

.version_footer_02 .footer__address { display: flex; justify-content: center; flex-wrap: wrap; }

.version_footer_02 .footer__address ul { margin-right: 30px; }

.version_footer_02 .footer__address ul:last-child { margin-right: 0; }

@media (max-width: 767px) { .version_footer_02 .footer__address ul { width: 100%; margin-right: 0; } }

.version_footer_02 .ft__logo { text-align: center; margin-bottom: 2.8rem; }

.version_footer_02 .footer__widget { text-align: center; margin-bottom: 1rem; }

.version_footer_02 .ft__menu { display: flex; justify-content: center; flex-wrap: wrap; }

.version_footer_02 .ft__menu li { margin-right: 30px; }

@media (max-width: 767px) { .version_footer_02 .ft__menu li { margin-right: 0; width: 100%; } }

.version_footer_02 .ft__menu li a::before { display: none; }

.version_footer_02 .ft__menu li:last-child { margin-right: 0; }

.version_footer_02 .social__net { margin-top: 1rem; }

.version_footer_02 .footer__home .copyright__wrapper { text-align: center; }

.version_footer_03 .ftbar li { position: relative; padding: 0 15px; }

.version_footer_03 .ftbar li::after { content: ""; display: block; width: 100%; height: 10px; position: absolute; border-right: 1px solid #777; right: 0; top: 50%; transform: translateY(-50%); }

.version_footer_03 .ftbar li:nth-last-child(1)::after { display: none; }

.version_footer_03 .ftbar li h4 { margin-bottom: 0; }

.version_footer_03 .ftbar li.drop ul { display: none; }

.version_footer_03 .ftbar li a { display: block; padding: 5px 10px; position: relative; }

.version_footer_03 .ftbar { border-bottom: 1px solid #777; }

.version_footer_04 #footer_logo { display: flex; align-items: center; }

@media (min-width: 768px) { .version_footer_04 #footer_logo { margin-bottom: 2rem; } }

@media (max-width: 767px) { .version_footer_04 #footer_logo { width: 100%; justify-content: center; } }

@media (max-width: 767px) { .version_footer_04 .footer__address { margin-bottom: 1.5rem; } }

.version_footer_05 .logo-and-text { padding-top: 3rem; }

@media (min-width: 1025px) { .version_footer_05 .logo-and-text { padding-bottom: 3rem; padding-top: 6rem; } }

.version_footer_05 #footer_logo { display: flex; align-items: center; justify-content: center; }

.version_footer_05 #cominfo { width: 100%; }

@media (max-width: 1199px) { .version_footer_05 #cominfo { text-align: center; } }

@media (min-width: 1200px) { .version_footer_05 #cominfo { display: flex; align-items: center; border-left: 2px #1B3247 solid; padding-left: 3rem; } }

@media (min-width: 1200px) { .version_footer_05 iframe { height: 100%; } }

.version_footer_05 .copyright__wrapper { padding-bottom: 0.5rem; }

.version_footer_05 .social__net { display: flex; justify-content: center; }

.version_footer_05 .copyright { padding-bottom: 0; }

.speakers__product { display: flex; flex-wrap: wrap; }

.speakers__product .custom__lg--5 { flex-basis: 20%; padding: 0 15px; }

.mt--60 { margin-top: 60px; }

.furniture--5.space-between .product { margin: 0 15px; }

.product.product__style--3 .product__thumb { transition: all 0.3s ease-in-out 0s; }

.product.product__style--3 .product__thumb .action .actions_inner .add_to_links li a.cart { background: #f3f3f3 url("../images/icons/cart2.png") no-repeat scroll 0 0; }

.product.product__style--3 .product__thumb .action .actions_inner .add_to_links li a.cart:hover { background-color: #1B3247; background-position: 100% 0; -webkit-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; }

.product.product__style--3 .product__thumb .action .actions_inner .add_to_links li a.wishlist { background: #f3f3f3 url("../images/icons/wishlist2.png") no-repeat scroll 0 0; }

.product.product__style--3 .product__thumb .action .actions_inner .add_to_links li a.wishlist:hover { background-color: #1B3247; background-position: 100% 0; -webkit-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; }

.product.product__style--3 .product__thumb .action .actions_inner .add_to_links li a.compare { background: #f3f3f3 url("../images/icons/compare2.png") no-repeat scroll 0 0; }

.product.product__style--3 .product__thumb .action .actions_inner .add_to_links li a.compare:hover { background-color: #1B3247; background-position: 100% 0; -webkit-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; }

.product.product__style--3 .product__thumb .action .actions_inner .add_to_links li a.quickview { background: #f3f3f3 url("../images/icons/search2.png") no-repeat scroll 0 0; }

.product.product__style--3 .product__thumb .action .actions_inner .add_to_links li a.quickview:hover { background-color: #1B3247; background-position: 100% 0; -webkit-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; }

.product.product__style--3 .product__content { background: transparent none repeat scroll 0 0; display: inline-block; padding: 20px 15px; text-align: left; }

.product.product__style--3 .product__content h4 a { color: #1B3247; display: block; font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 10px; padding: 0; text-transform: capitalize; }

.product.product__style--3 .product__content h4 a:hover { color: #1B3247; }

.version_list_02 .product .action { padding-left: 15px; padding-top: 15px; padding-right: 15px; }

.version_list_02 .owl-theme .owl-dots, .version_list_02 .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }

.version_list_02 .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }

.version_list_02 .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #aaaaaa; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; }

.version_list_02 .owl-theme .owl-dots .owl-dot.active span, .version_list_02 .owl-theme .owl-dots .owl-dot:hover span { background: #1B3247; }

.wn__bestseller__area.page-content { padding: 130px 50px; }

.wn__bestseller__area.page-content .single__tab .product { margin-left: 15px; margin-right: 15px; }

.mt--60 { margin-top: 60px; }

@media (min-width: 992px) and (max-width: 1199px) { .wn__bestseller__area.page-content { padding: 130px 37px; } }

@media (min-width: 768px) and (max-width: 991px) { .wn__bestseller__area.page-content { padding: 130px 30px; } }

@media (max-width: 767px) { .wn__bestseller__area.page-content { padding: 130px 0px; } }

.product.product__style--2 .product__thumb { transition: all 0.3s ease-in-out 0s; }

.product.product__style--2 .product__thumb .action .actions_inner .add_to_links li a.cart { background: #f3f3f3 url("../images/icons/cart2.png") no-repeat scroll 0 0; }

.product.product__style--2 .product__thumb .action .actions_inner .add_to_links li a.cart:hover { background-color: #1B3247; background-position: 100% 0; -webkit-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; }

.product.product__style--2 .product__thumb .action .actions_inner .add_to_links li a.wishlist { background: #f3f3f3 url("../images/icons/wishlist2.png") no-repeat scroll 0 0; }

.product.product__style--2 .product__thumb .action .actions_inner .add_to_links li a.wishlist:hover { background-color: #1B3247; background-position: 100% 0; -webkit-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; }

.product.product__style--2 .product__thumb .action .actions_inner .add_to_links li a.compare { background: #f3f3f3 url("../images/icons/compare2.png") no-repeat scroll 0 0; }

.product.product__style--2 .product__thumb .action .actions_inner .add_to_links li a.compare:hover { background-color: #1B3247; background-position: 100% 0; -webkit-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; }

.product.product__style--2 .product__thumb .action .actions_inner .add_to_links li a.quickview { background: #f3f3f3 url("../images/icons/search2.png") no-repeat scroll 0 0; }

.product.product__style--2 .product__thumb .action .actions_inner .add_to_links li a.quickview:hover { background-color: #1B3247; background-position: 100% 0; -webkit-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; }

.product.product__style--2 .product__thumb .prize.position__right__bottom { bottom: 30px; right: 30px; }

.product.product__style--2 .product__content { background: transparent none repeat scroll 0 0; }

.product.product__style--2 .product__content h4 a:hover { color: #1B3247; }

.product__turquoise .product.product__style--2 .product__thumb .action .actions_inner .add_to_links li a.quickview:hover, .product__turquoise .product.product__style--2 .product__thumb .action .actions_inner .add_to_links li a.compare:hover, .product__turquoise .product.product__style--2 .product__thumb .action .actions_inner .add_to_links li a.wishlist:hover, .product__turquoise .product.product__style--2 .product__thumb .action .actions_inner .add_to_links li a.cart:hover { background-color: #9F7D5A; }

.version_list_04 .single__tab .product .product__content { padding: 5px 15px; }

.version_list_04 .single__tab .product__thumb { padding-left: 15px; }

.version_list_04 .single__tab .product__thumb .prize { bottom: 10px; right: 10px; height: 30px; line-height: 30px; padding: 0 10px; }

/*------------------------- Hot Banner Styles -------------------------*/
.hot__banner .thumb a { display: block; overflow: hidden; position: relative; }

.hot__banner .thumb a img { transition: all 300ms ease-in 0s; width: 100%; }

.hot__banner .thumb a:hover img { transform: scale3d(1.05, 1.05, 1.05); }

.hot__banner .banner__content { padding: 30px 0; text-align: left; }

.hot__banner .banner__content h3, .hot__banner .banner__content h4 { color: #FFFF05; font-size: 28px; font-weight: 700; text-transform: uppercase; }

.hot__banner .banner__content p { line-height: 25px; padding: 30px 0 50px; }

.hot__banner.box2 .banner__content { padding-top: 0; }

@media (max-width: 991px) { .version_list_05 .xs-mt-40 { margin-bottom: 2rem; } }

@media (max-width: 767px) { .hot__banner .banner__content h3 { font-size: 23px; }
  .hot__banner .banner__content p { padding: 18px 0 29px; } }

@media (max-width: 575px) { .version_list_05 .hot__banner.box2 .banner__content { padding-top: 30px; } }

/*-------------------------- Module Product ----------------------------*/
.module__container { box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.05); padding: 0 15px 30px; }

.module__container .title h2 { border-bottom: 1px solid #ebebeb; color: #FFFF05; display: block; font-size: 24px; line-height: 1.4; margin: 0 -15px 25px; padding: 25px 0; text-align: center; }

.module__product { display: flex; margin-top: 30px; align-items: center; }

.module__product .thumb { background: #fff none repeat scroll 0 0; box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.05); flex-basis: 29%; }

.module__product .content { padding: 0 0 0 15px; text-align: left; flex-basis: 71%; }

.module__product .content h6 a { color: #FFFF05; font-size: 14px; line-height: 1.4; margin-bottom: 10px; display: block; }

.module__product .content .module__prize { margin-top: 10px; }

.module__product .content .module__prize li { color: #343940; font-size: 14px; }

.module__product .content .module__prize li.old_prize { color: #7d7d7d; text-decoration: line-through; }

.version_list_06 { background: #ddd; }

.pt--130 { padding-top: 130px; }

.version_list_08 .product { border-color: #ebebeb transparent #ebebeb #ebebeb; border-style: solid; border-width: 1px; margin-bottom: 1px; }

.version_list_08 .product .product__content { padding: 15px; }

.version_list_08 .product:last-child { border-right-color: #ebebeb; }

.version_list_08 .product:first-child { border-left-color: #ebebeb; }

.version_list_08 .productcategory__slide_18 .owl-dots { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }

.version_list_08 .productcategory__slide_18 .owl-dots .owl-dot { display: inline-block; zoom: 1; }

.version_list_08 .productcategory__slide_18 .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; display: block; background: #aaaaaa; transition: opacity .2s ease; border-radius: 30px; }

.version_list_08 .productcategory__slide_18 .owl-dots .owl-dot:hover span, .version_list_08 .productcategory__slide_18 .owl-dots .owl-dot.active span { background: #FFFF05; }

.banner_only_image { display: flex; margin-left: -15px; margin-right: -15px; }

.banner_only_image .banner { margin-top: 0; padding: 0 15px; overflow: hidden; }

.banner_only_image .banner a { overflow: hidden; display: inline-block; }

.banner_only_image .banner a img { width: 100%; transition: all 300ms ease-in 0s; }

.banner_only_image .banner a:hover img { transform: scale3d(1.05, 1.05, 1.05); }

.banner_only_image .banner.co11 { flex-basis: 60.1%; }

.banner_only_image .banner.co12 { flex-basis: 39.9%; }

.banner_only_image .banner.co13 { flex-basis: 24.1%; }

.banner_only_image .banner.co14 { flex-basis: 51.8%; }

@media (max-width: 767px) { .banner_only_image { flex-wrap: wrap; }
  .banner_only_image .banner a { display: block; }
  .banner_only_image .banner.co11, .banner_only_image .banner.co12, .banner_only_image .banner.co13, .banner_only_image .banner.co14 { flex-basis: 100%; } }

.version_list_12 .box__product > div { padding: 15px; background-color: #eceef1; }

.version_list_14 { position: relative; background-size: cover; background-position: center center; padding-top: 4.5rem; padding-bottom: 4.5rem; }

@media (min-width: 768px) { .version_list_14 { padding-top: 10rem; padding-bottom: 10rem; } }

@media (min-width: 768px) { .version_list_14 .item_wrap { padding-left: 6rem; padding-right: 6rem; } }

.version_list_14 .item { background: #585858; margin-bottom: 1rem; transition: 0.3s background ease; }

.version_list_14 .item:hover { background: #FFFF05; }

.version_list_14 .item a { display: block; color: #FFF; font-size: 1.15rem; padding: 0.6rem 1rem; }

.version_list_15 { position: relative; padding-top: 3rem; padding-bottom: 3rem; }

@media (min-width: 768px) { .version_list_15 { padding-top: 6rem; padding-bottom: 6rem; } }

.version_list_15 .bg_img { background: #FFFF05; position: absolute; width: 100%; height: 75%; top: 0; left: 0; }

.version_list_15 .title_content { padding-bottom: 2rem; }

.version_list_15 .title_content h4 { margin-bottom: 1rem; }

.version_list_15 .title_content .introduction { margin-bottom: 1.5rem; }

.version_list_15 .product__content { background: #FFFF05; padding: 1.5rem; position: relative; }

.version_list_15 .product__content h5 { color: #FFF; }

.version_list_15 .product__content a { position: absolute; bottom: 0; right: 0; }

.version_list_15 .arrows_style.owl-theme .owl-nav [class*="owl-"] { left: -2rem; }

.version_list_15 .arrows_style.owl-theme .owl-nav [class*="owl-"].owl-next { left: auto; right: -2rem; }

.version_list_16 { position: relative; padding-top: 3rem; padding-bottom: 3rem; }

@media (min-width: 768px) { .version_list_16 { padding-top: 6rem; padding-bottom: 6rem; } }

.version_list_16 .title_content { padding-bottom: 2rem; }

.version_list_16 .title_content h4 { margin-bottom: 1rem; }

.version_list_16 .title_content .introduction { margin-bottom: 1.5rem; }

.version_list_16 .icon { display: flex; align-items: center; margin-bottom: 2rem; }

.version_list_17 { position: relative; padding-top: 3rem; padding-bottom: 3rem; }

@media (min-width: 768px) { .version_list_17 { padding-top: 6rem; padding-bottom: 6rem; } }

.version_list_17 .bg_img { background: #FFFF05; position: absolute; width: 100%; height: 70%; top: 0; left: 0; }

.version_list_17 > .container { position: relative; }

.version_list_17 .version_list_17_slide .container { padding: 0; }

.version_list_17 .version_list_17_slide .container .row { margin-left: 0; margin-right: 0; }

.version_list_17 .swiperBtnStyleL, .version_list_17 .swiperBtnStyleR { top: 60%; }

@media (min-width: 576px) { .version_list_17 .swiperBtnStyleL { left: 0; }
  .version_list_17 .swiperBtnStyleR { right: 0; } }

.version_list_17 .swiperPaginationStyle { bottom: -35px; }

.version_list_17 .title_content { padding-bottom: 2rem; }

.version_list_17 .title_content h4 { margin-bottom: 1rem; }

.version_list_17 .title_content .introduction { margin-bottom: 1.5rem; }

.version_list_17 .version_list_17_image { background-position: center; background-repeat: no-repeat; background-size: cover; }

.version_list_17 .version_list_17_image img { width: 100%; height: 100%; object-fit: cover; }

.version_list_17 .version_list_17_content { background: #FFFF05; padding: 4rem 3rem; display: flex; min-height: 486px; }

.version_list_17 .version_list_17_content a { color: #FFF; }

.version_list_17 .number-box { color: #FFF; font-size: 2rem; }

.version_list_17 .description { color: #FFF; }

/*------------------------------ Testimonial Styles  ------------------------------*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-loading .slick-list { background: #fff url(../images/ajax-loader.gif) center center no-repeat; }

@font-face { font-family: 'slick'; font-weight: 400; font-style: normal; src: url(../fonts/slick.eot); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url(../fonts/slick.woff) format("woff"), url(../fonts/slick.ttf) format("truetype"), url("../fonts/slick.svg#slick") format("svg"); }

.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 99; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }

.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir='rtl'] .slick-prev { right: -25px; left: auto; }

.slick-prev:before { content: '←'; }

[dir='rtl'] .slick-prev:before { content: '→'; }

.slick-next { right: -25px; }

[dir='rtl'] .slick-next { right: auto; left: -25px; }

.slick-next:before { content: '→'; }

[dir='rtl'] .slick-next:before { content: '←'; }

.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }

.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { opacity: .75; color: black; }

.testimonial__container .tes__img__slide { margin-bottom: 30px; }

.testimonial__container .tes__img__slide .testimonial__img span { cursor: pointer; display: inline-block; margin: 0 15px; transform: scale3d(0.8, 0.8, 0.8); transition: all 300ms ease-in 0s; }

.testimonial__container .tes__img__slide .testimonial__img span img { filter: grayscale(100%); transition: all 300ms ease-in 0s; border-radius: 100%; }

.testimonial__container .clint__info h6 { color: #FFFF05; font-style: italic; letter-spacing: 0.2em; line-height: 1; text-transform: capitalize; margin-top: 32px; }

.testimonial__container .clint__info p { color: #636363; padding: 35px 11%; text-transform: capitalize; }

.testimonial__container .clint__info .name__post { display: inline-block; font-size: 14px; font-weight: 600; letter-spacing: 0.025em; line-height: 1; position: relative; text-transform: uppercase; }

.testimonial__container .clint__info .name__post::before { background: #f3f3f3 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: -25px; position: absolute; right: -25px; top: 50%; z-index: -1; }

.testimonial__container .clint__info .name__post span { background: #fff; display: inline-block; padding: 0 10px; }

.testimonial__container .tes__img__slide .testimonial__img.slick-active.slick-center span img { filter: grayscale(0); transition: all 300ms ease-in 0s; transform: scale(1.2); transition: all 300ms ease-in 0s; }

.testimonial__container .tes__img__slide { margin: auto; width: 50%; }

.testimonial__container { position: relative; }

.testimonial__container .slick-arrow { background: #fff; border: 1px solid #fff; border-radius: 100%; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.07); color: #FFFF05; cursor: pointer; font-size: 24px; height: 50px; left: 0; line-height: 43px; margin-top: -55px; opacity: 0; outline: medium none; position: absolute; text-align: center; top: 50%; transition: all 0.5s ease 0s; width: 50px; z-index: 1; }

.testimonial__container .slick-arrow:hover, .testimonial__container .slick-arrow:focus { background: #FFFF05; border-color: #FFFF05; color: #D9AD5F; }

.testimonial__container .wen-slick-next.slick-arrow { left: auto; right: 0; }

.testimonial__container:hover .slick-arrow { opacity: 1; }

.slick-initialized .slick-slide { outline: none; }

@media (max-width: 575px) { .testimonial__container .clint__info p { padding: 35px 0; } }

.wn__blog__area.bg__images { margin-bottom: 112px; padding-top: 88px; text-align: center; }

.wn__blog__area .title { margin-bottom: 17px; }

.wn__blog__area .title h2 { color: #fff; font-size: 24px; font-weight: 700; padding: 5px 0; text-transform: uppercase; }

.wenro__blog { margin-bottom: 1.8rem; background: #fff; box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1); margin-bottom: 20px; padding: 18px; position: relative; text-align: left; width: 100%; }

.wenro__blog .thumb { display: block; overflow: hidden; }

.wenro__blog .thumb a { display: block; overflow: hidden; }

.wenro__blog .thumb a img { transition: all 0.3s ease-in-out 0s; width: 100%; }

.wenro__blog .content .date { display: block; color: #aaaaaa; font-size: 10px; text-transform: uppercase; }

.wenro__blog .content h4 { display: block; margin-bottom: 15px; margin-top: 13px; position: relative; text-transform: uppercase; }

.wenro__blog .content h4 a { color: #FFFF05; transition: 0.3s; font-size: 21px; line-height: 31px; }

.wenro__blog .content h4 a:hover { color: #FFFF05; }

.wenro__blog .content p { padding: 0 0 28px; }

.wenro__blog .content .blog__btn { color: #FFFF05; transition: all 0.3s ease-in-out 0s; }

.wenro__blog .content .blog__btn:hover { border-color: #FFFF05; color: #FFFF05; }

.wenro__blog:hover .thumb a img { transform: scale3d(1.05, 1.05, 1.05); }

.version_news_02 { position: relative; padding-top: 6rem; }

@media (max-width: 575px) { .version_news_02 { padding-top: 4rem; } }

.version_news_02 .title__be--2 { text-align: center; }

.version_news_02 .bg__images { position: absolute; top: 0; left: 0; width: 100%; height: 50%; background-size: cover; background-position: center center; }

@media (min-width: 992px) and (max-width: 1199px) { .wenro__blog { padding: 10px; } }

@media (max-width: 767px) { .wenro__blog { padding: 9px; } }

/*-------------------------- Info Styles ----------------------------*/
.wn__information__area .container { padding: 0; }

.wn__information__area .in_version_news { overflow: hidden; }

.wn__information__area .info { padding: 30px 10px; position: relative; text-align: center; transition: all 300ms ease-in-out 0s; margin-top: 30px; }

.wn__information__area .info h3, .wn__information__area .info h4 { font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; }

.wn__information__area .info::before { background: rgba(0, 0, 0, 0) url("../images/icons/box.png") no-repeat scroll 0 0; bottom: -24px; content: ""; display: inline-block; height: 4px; left: 50%; opacity: 0; position: absolute; transform: translateX(-50%); transition: all 300ms ease-in 0s; width: 237px; }

.wn__information__area .info:hover::before { opacity: 1; }

.wn__information__area .info:hover { transform: translateY(-10px); }

.plr--0 { padding-left: 0px; padding-right: 0px; }

.info__2 { background: #f3f3f3; padding: 45px 40px; text-align: center; margin-top: 30px; height: 100%; }

.info__2 h2, .info__2 h4 { margin-bottom: 20px; }

@media (min-width: 992px) and (max-width: 1199px) { .info__2 { padding: 45px 23px; } }

@media (min-width: 768px) and (max-width: 991px) { .info__2 { padding: 45px 10px; } }

@media (max-width: 767px) { .wn__information .container { padding: 0 15px; } }

.blog { margin-top: 30px; }

.blog .blog__inner { flex-basis: 50%; }

.blog .blog__inner .date__time { margin-bottom: 14px; }

.blog .blog__inner .date__time .day { color: #FFFF05; display: inline-block; font-size: 48px; font-weight: 700; }

.blog .blog__inner .date__time .seperate { display: inline-block; margin-top: 26px; }

.blog .blog__inner .date__time .month { display: inline-block; margin-top: 26px; }

.blog .blog__inner p { line-height: 25px; margin-bottom: 9px; padding: 0 3% 0 0; }

.blog .blog__thumb { display: block; overflow: hidden; flex-basis: 50%; }

.blog .blog__thumb img { transition: all 300ms ease-in 0s; width: 100%; }

.blog:hover .blog__thumb img { transform: scale3d(1.05, 1.05, 1.05); }

.wn__blog__area.bg__images { margin-bottom: 112px; padding-top: 88px; text-align: center; }

.wn__blog__area .title { margin-bottom: 17px; }

.wn__blog__area .title h2 { color: #fff; font-size: 24px; font-weight: 700; padding: 5px 0; text-transform: uppercase; }

.blog__activation [class*="col-"] { max-width: 100%; }

.version_news_04 h4 { margin-bottom: 15px; }

.version_news_04 .description { margin-bottom: 15px; }

.version_news_04 .blog__inner { padding-right: 15px; }

@media (max-width: 420px) { .version_news_04 .blog__inner { padding-right: 0; } }

/*-------------------------- Recent Post Styles ----------------------------*/
.post__itam { background-position: center center; }

.post__itam .content { background: #fff; display: inline-block; padding: 35px 0; position: relative; text-align: center; transition: background 0.7s ease 0s; width: 100%; }

.post__itam .content::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffffff 0%, #e6e6e6 52%, #e6e6e6 52%, #e6e6e6 52%, #ffffff 100%) repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 50%; position: absolute; transform: translateX(-50%) translateY(-50%); width: 50%; }

.post__itam .content h3, .post__itam .content h4 { display: block; margin-bottom: 25px; text-transform: capitalize; }

.post__itam .content p { padding: 0 22% 15px; }

.post__itam .content .post__time span { margin-bottom: 15px; }

.post__itam .post__time { margin-top: 30px; }

.post__itam:hover .content { background: transparent none repeat scroll 0 0; }

.post__itam:hover .content h3 a { color: #fff; }

.post__itam:hover .content p { color: #fff; }

.post__itam:hover span { color: #fff; }

@media (min-width: 768px) and (max-width: 991px) { .post__itam .content p { padding: 0 12% 15px; } }

@media (max-width: 767px) { .post__itam .content p { padding: 0 11% 15px; } }

@media (max-width: 575px) { .post__itam .content p { padding: 0 9px 15px; } }

.version_pages_15 .imgHoverBox { background-color: #E5E6E7; box-sizing: border-box; }

.version_pages_15 .imgHoverBox .effect-ming { padding: 8px; }

.version_pages_15 figure.effect-ming a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }

.version_pages_15 figure.effect-ming a img { transition-duration: 0.5s; }

.version_pages_15 .hoverMore { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); transition-duration: 0.5s; z-index: 5; color: #fff; opacity: 0; }

.version_pages_15 figure.effect-ming a::before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; transition-duration: 0.5s; z-index: 2; opacity: 0; }

.version_pages_15 figure.effect-ming a::after { content: ""; display: block; width: 80%; height: 80%; background: rgba(0, 0, 0, 0.5); position: absolute; border: 2px solid #fff; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); transition-duration: 0.5s; z-index: 3; opacity: 0; }

.version_pages_15 figure.effect-ming a:hover img { transform: scale(1.1); }

.version_pages_15 figure.effect-ming a:hover .hoverMore { opacity: 1; transform: translate(-50%, -50%) scale(1); }

.version_pages_15 figure.effect-ming a:hover::before { opacity: 1; }

.version_pages_15 figure.effect-ming a:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }

.version_pages_16 .date__time { margin-bottom: 10px; }

.version_pages_16 .in-block { margin-bottom: 2rem; }

.version_pages_16 .img a { border-radius: 500px; overflow: hidden; height: 110px; width: 110px; display: block; background: #f2f2f2; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center center; }

.version_pages_16 .description { margin-bottom: 10px; }

.version_photo_01 .fancybox { display: block !important; }

.banner--8 { position: relative; }

.banner--8 .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.banner--8 .thumb a { display: block; max-width: 100%; overflow: hidden; position: relative; }

.banner--8 .thumb a img { transition: all 300ms ease-in 0s; width: 100%; }

.banner--8 .content { left: 0; padding: 9rem 30px; position: relative; right: 0; text-align: center; max-width: 1170px; width: 100%; margin: 0 auto; pointer-events: none; }

.banner--8 .content .version_title { font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; font-size: 60px; margin-bottom: 20px; text-transform: uppercase; pointer-events: auto; }

.banner--8 .content .description { margin: auto; max-width: 767px; width: 100%; pointer-events: auto; }

.banner--8 .content a { pointer-events: auto; }

.banner--8 .content a.read__btn { border: 2px solid #fff; color: #fff; display: inline-block; font-size: 16px; font-weight: 600; line-height: 46px; margin-top: 50px; padding: 0 30px; position: relative; text-transform: uppercase; }

.banner--8:hover .thumb a img { transform: scale3d(1.05, 1.05, 1.05); }

.banner--8:hover .content h3 { animation: 700ms ease 0s normal none 1 running fadeInDown; }

.banner--8:hover .content p { animation: 800ms linear 0s normal none 1 running fadeInDown; }

.banner--8:hover .content a { animation: 900ms linear 0s normal none 1 running fadeInDown; }

.banner--8:hover .content.text__style--2 h3 { animation: 1100ms linear 0s normal none 1 running flipInX; }

.banner--8:hover .content.text__style--2 p { animation: 1300ms linear 0s normal none 1 running flipInX; }

.banner--8:hover .content.text__style--2 a { animation: 1500ms linear 0s normal none 1 running flipInX; }

@media (min-width: 992px) and (max-width: 1199px) { .banner--8 .content h3 { font-size: 44px; margin-bottom: 14px; } }

@media (min-width: 768px) and (max-width: 991px) { .banner--8 .content h3 { margin-bottom: 3px; }
  .banner--8 .content a.read__btn { font-size: 16px; margin-top: 21px; } }

@media (max-width: 767px) { .banner--8 .content .version_title { font-size: 20px; margin-bottom: 5px; pointer-events: auto; }
  .banner--8 .content .description { font-size: 14px; max-width: 100%; pointer-events: auto; }
  .banner--8 .content a.read__btn { font-size: 14px; line-height: 46px; margin-top: 9px; padding: 0 21px; } }

.version_photo_03 { background: #F2F2F2; }

/*------------------------- Instagram Styles -------------------------*/
.instagram__item .item a.fancybox { position: relative; display: block !important; }

.instagram__item .item a.fancybox img { opacity: 1; }

.instagram__item .item a.fancybox::before { background-color: rgba(0, 0, 0, 0.5); bottom: 25px; content: ""; left: 25px; opacity: 0; position: absolute; right: 25px; top: 25px; transform: scale3d(1.2, 1.2, 1.2); transition: all 500ms ease-in 0s; }

.instagram__item .item a.fancybox::after { background: rgba(0, 0, 0, 0) url("../images/icons/plus.png") repeat scroll 0 0; content: ""; height: 68px; left: 50%; margin-left: -34px; margin-top: -34px; opacity: 0; position: absolute; top: 50%; transition: all 500ms ease-in 0s; width: 68px; }

.instagram__item .item:hover a::before { opacity: 1; transform: scale3d(1, 1, 1); }

.instagram__item .item:hover a::after { animation: 500ms ease-in-out 0s normal none 1 running zoomIn; opacity: 1; }

/*-------------------------- Welcome Area ----------------------------*/
.story__content h2, .story__content h4 { color: #FFFF05; font-size: 31px; font-weight: 700; letter-spacing: 0.5em; text-transform: uppercase; word-break: break-all; }

.story__content p { padding: 50px 7%; }

.story__content h3 { color: #FFFF05; font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; font-size: 24px; font-weight: 400; line-height: 35px; margin-bottom: 45px; }

.center__line { position: relative; }

.center__line::before { background: #f3f3f3; content: ""; height: 85px; left: 50%; position: absolute; top: 0; width: 1px; }

@media (max-width: 767px) { .story__content h2 { font-size: 19px; }
  .center__line::before { height: 49px; }
  .story__content p { padding: 26px 0; }
  .story__content h3 { margin-bottom: 25px; } }

@media (max-width: 575px) { .story__content h2 { font-size: 15px; } }

/*-------------------------- Video Styles ----------------------------*/
.video__area .static_video { position: relative; }

.video__area .static_video .play__img { cursor: pointer; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); }

.video__area .static_video .play__img img { height: auto; max-width: 100%; }

.video__area .content p { margin: 0 auto; padding: 50px 15%; }

.video__area .content h3 { color: #FFFF05; font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; font-size: 24px; font-weight: normal; line-height: 35px; }

.static-video .static_video { position: relative; }

.static-video { position: relative; text-align: center; margin-bottom: 130px; }

.static-video .static_video { position: relative; }

.static_video #cms_play { position: absolute; top: 50%; left: 50%; cursor: pointer; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.version_photo_05 #cms_play .fas { color: #fff; font-size: 23px; border: solid #fff thin; padding: 17px 16px 17px 20px; border-radius: 500px; transition: all 0.5s ease; }

.version_photo_05 #cms_play .fas:hover { background: #FFFF05; border: solid #FFFF05 thin; color: #fff; }

@media (min-width: 768px) and (max-width: 991px) { .video__area .content p { padding: 50px 8%; } }

@media (max-width: 767px) { .video__area .content p { padding: 50px 0; } }

.banner__style--3 .margin-top { margin-top: -60px; position: relative; z-index: 2; }

.banner__style--3 .space--round { padding: 30px; }

.banner__style--3 .banner { overflow: hidden; position: relative; }

.banner__style--3 .banner .thumb a { display: block; overflow: hidden; position: relative; }

.banner__style--3 .banner .thumb a img { width: 100%; transition: all 300ms ease-in 0s; }

.banner__style--3 .banner .thumb a:hover img { transform: scale3d(1.05, 1.05, 1.05); }

.banner__style--3 .banner .content { left: 50%; min-width: 100%; padding: 0 30px; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; }

.banner__style--3 .banner .content h3 { color: #fff; font-size: 30px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; }

.banner__style--3 .banner .content h6 { color: #fff; font-size: 18px; font-weight: 300; letter-spacing: 0.025em; line-height: 25px; }

.banner__style--3 .banner .links { padding: 0 30px; position: absolute; right: 0; left: 0; bottom: 30px; }

.banner__style--3 .banner .links a { color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; transition: all 300ms ease-in 0s; }

.banner__style--3 .banner .links a::after { background: rgba(0, 0, 0, 0) url("../images/icons/links_static3.png") no-repeat scroll 100% 50%; content: ""; display: inline-block; height: 11px; margin: 0 10px; width: 44px; }

.banner--5 .banner { overflow: hidden; position: relative; }

.banner--5 .banner .thumb { overflow: hidden; position: relative; }

.banner--5 .banner .thumb a img { transition: all 300ms ease-in 0s; width: 100%; }

.banner--5 .banner .content { left: 50%; min-width: 100%; padding: 0 30px; position: absolute; top: 30%; transform: translateX(-50%) translateY(-50%); }

.banner--5 .banner .content.content__bg { background-color: rgba(22, 22, 27, 0.97); left: 40px; min-width: auto; padding: 50px 20px; right: 40px; transform: translateX(0px) translateY(-50%); }

.banner--5 .banner .content.border-top-bottom::after { background: #333333; border-bottom: 0 none; bottom: 25px; content: ""; height: 3px; left: 50%; pointer-events: none; position: absolute; transform: translateX(-50%); width: 40px; }

.banner--5 .banner .content.border-top-bottom::before { background: #333333; content: ""; height: 3px; left: 50%; pointer-events: none; position: absolute; top: 25px; transform: translateX(-50%); width: 40px; }

.banner--5 .banner .content h3 a, .banner--5 .banner .content h4 a { font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; display: block; }

.banner--5 .banner .content p { font-size: 18px; font-weight: 300; line-height: 25px; }

.banner--5 .banner .content h4 { font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; }

.banner--5 .banner .content h6 { color: #333333; font-size: 18px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; }

.banner--5 .banner .content span { font-size: 14px; font-weight: 300; line-height: 25px; display: block; }

.banner--5 .banner .content.content__with__border::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff; border-image: none; border-style: none solid solid; border-width: 0 5px 5px; bottom: -42px; content: ""; height: 50px; left: 50%; pointer-events: none; position: absolute; transform: translateX(-50%) translateY(100%); width: 140px; }

.banner--5 .banner .content.content__with__border::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff; border-image: none; border-style: solid solid none; border-width: 5px 5px 0; content: ""; height: 50px; left: 50%; pointer-events: none; position: absolute; top: -25px; transform: translateX(-50%) translateY(-100%); width: 140px; }

.banner--5 .banner .link { bottom: 30px; left: 0; padding: 0 30px; position: absolute; right: 0; }

.banner--5 .banner .link a { color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; }

.banner--5 .banner .link.poss--center { bottom: -32px; }

.banner--5 .banner.co13 .content { top: 50%; }

.banner--5 .banner.co13 .content.border-top-bottom { padding: 44px 30px; }

.banner--5 .banner.co13 .content.border-top-bottom.border--white::before { background: #fff; }

.banner--5 .banner.co13 .content.border-top-bottom.border--white::after { background: #fff; }

.banner--5 .banner:hover .thumb a img { transform: scale3d(1.05, 1.05, 1.05); }

.banner--5 .banner:hover .content h3 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content p { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content h4 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content h6 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content a.shopbtn { animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .link { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover span { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner .content.pss--right { left: auto; right: 0; min-width: auto; padding: 0 30px; transform: translateX(0) translateY(-50%); }

.banner--box .border-container { padding: 30px; max-width: 1230px; background: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); }

.banner--box.poss--top { margin-top: -130px; padding-bottom: 30px; position: relative; z-index: 2; }

.version_photo_06 { padding: 15px; }

.version_photo_06 .banner { margin-top: 0; }

@media (min-width: 992px) and (max-width: 1199px) { .banner--5 .banner.co13 .content.border-top-bottom { padding: 44px 7px; } }

@media (min-width: 768px) and (max-width: 991px) { .banner__style--3 .space--round { padding: 30px; }
  .banner__style--3 .margin-top { margin-top: 0; }
  .banner__style--3 .banner .links { bottom: 20px; }
  .banner--box.poss--top { margin-top: 0; } }

@media (max-width: 767px) { .banner__style--3 .margin-top { margin-top: 0; }
  .banner--5 .banner .content.content__with__border::before, .banner--5 .banner .content.content__with__border::after { display: none; }
  .banner--box .container { width: 100%; }
  .banner--box.poss--top { margin-top: 0; } }

@media (max-width: 575px) { .banner--5 .banner .content.content__with__border::after { bottom: -26px; }
  .banner--box .container { padding: 15px; } }

@media (max-width: 390px) { .banner--5 .banner .content h4 { font-size: 16px; line-height: 23px; }
  .banner--5 .banner .content h6 { font-size: 16px; line-height: 22px; } }

@keyframes fadeInUp { from { opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    transform: none; } }

.wn__banner__area.page-content { padding: 0 75px; }

.custom__banner { position: relative; }

.custom__banner.coll { width: 62.25%; padding: 0 5px; }

.custom__banner.col2 { width: 37.75%; padding: 0 5px; float: left; }

.custom__banner .thumb { margin-bottom: 10px; text-align: center; }

.custom__banner .thumb a { display: block; max-width: 100%; overflow: hidden; position: relative; }

.custom__banner .thumb a::before { background-color: rgba(22, 22, 27, 0.97); bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.3s ease-in-out 0s; z-index: 1; }

.custom__banner .thumb a img { transition: all 300ms ease-in 0s; width: 100%; }

.custom__banner .thumb a:hover img { transform: scale3d(1.05, 1.05, 1.05); }

.custom__banner .content { left: 50%; min-width: 100%; opacity: 0; pointer-events: none; position: absolute; text-align: center; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; }

.custom__banner .content h3 a, .custom__banner .content h4 a { color: #fff; font-size: 18px; font-weight: 600; line-height: 1; margin-bottom: 10px; text-transform: uppercase; }

.custom__banner .content p { color: #fff; font-size: 14px; font-weight: 300; letter-spacing: 0.2em; line-height: 25px; }

.custom__banner .content .btn { background: none; border: none; }

.custom__banner .content a { color: #FFFF05; display: inline-block; font-size: 12px; font-weight: 700; line-height: 25px; margin-top: 60px; text-transform: uppercase; }

.custom__banner:hover .thumb a::before { opacity: 1; }

.custom__banner:hover .content { opacity: 1; }

.custom__banner:hover .content h3 { animation: 300ms ease-in-out 0s normal none 1 running fadeInUp; }

.custom__banner:hover .content p { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.custom__banner:hover .content a { animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; }

.version_photo_07 .custom__banner .content { color: #fff; }

.version_photo_07 .custom__banner .content h4 a { color: #fff; margin: 0; }

.version_photo_07 .custom__banner .content p { color: #fff; }

.version_photo_07 .custom__banner .thumb a::before { background-color: rgba(23, 23, 24, 0.8); }

.version_photo_07 .description { max-width: 500px; width: 100%; margin: 0 auto; padding: 0 15px; }

@media (min-width: 992px) and (max-width: 1199px) { .custom__banner .content p { padding: 0 7%; } }

@media (min-width: 768px) and (max-width: 991px) { .wn__banner__area.page-content { padding: 0 30px; }
  .custom__banner .content a { margin-top: 13px; }
  .custom__banner .content p { padding: 0 3%; } }

@media (max-width: 767px) { .wn__banner__area.page-content { padding: 0 30px; }
  .custom__banner.coll, .custom__banner.col2 { width: 100%; }
  .custom__banner .content p { padding: 0 10px; } }

@media (max-width: 575px) { .custom__banner .content a { margin-top: 16px; } }

/*-------------------------- Look Book Styles ----------------------------*/
.look__book__wrapper { display: inline-block; margin-top: 134px; padding-bottom: 121px; padding-top: 200px; text-align: center; vertical-align: top; width: 100%; }

.look__book__wrapper .row { margin: 0 -35px; padding: 0 70px; }

.look__book__wrapper .row .col { padding: 0 35px; }

.look__book__wrapper .book__thumb { display: block; overflow: hidden; position: relative; text-align: center; z-index: 1; }

.look__book__wrapper .book__thumb a img { transition: all 300ms ease-in 0s; width: 100%; }

.look__book__wrapper .book__thumb a:hover img { transform: scale3d(1.05, 1.05, 1.05); }

.look__book__wrapper .book__thumb.thumb2 { margin-top: -64%; }

.look__book__wrapper .book__content { position: relative; text-align: left; }

.look__book__wrapper .book__content::before { border: 10px solid #f3f3f3; bottom: -80px; content: ""; left: -55px; position: absolute; right: -167px; top: -54px; transform: translateX(-80%); }

.look__book__wrapper .book__content .book__content__inner { background: #fff; padding: 80px 0 17px; position: relative; margin-top: -84px; }

@media (max-width: 767px) { .look__book__wrapper .book__content .book__content__inner { padding: 17px 0 17px; margin-top: 0; } }

.look__book__wrapper .book__content .book__content__inner h2, .look__book__wrapper .book__content .book__content__inner .title { color: #333333; font-size: 60px; font-weight: 600; letter-spacing: 0.1em; line-height: 1; margin-bottom: 30px; text-transform: uppercase; transform: translateX(-200px); white-space: nowrap; }

.look__book__wrapper .book__content .book__content__inner h4 { color: #333333; font-size: 24px; font-weight: 700; text-transform: capitalize; }

.look__book__wrapper .book__content .book__content__inner p { color: #636363; line-height: 25px; padding: 30px 0; }

.look__book__wrapper .book__content.content2 { text-align: right; transform: translateY(40%); }

@media (max-width: 767px) { .look__book__wrapper .book__content.content2 { text-align: left; } }

.look__book__wrapper .book__content.content2::before { bottom: -50px; left: 0; right: 0; top: -50px; transform: translateX(80%); }

.look__book__wrapper .book__content.content2 .book__content__inner { margin-top: 0; padding-top: 17px; }

.look__book__wrapper.space__vare--2 { margin-top: 100px; }

.version_photo_08 .title { position: relative; z-index: 1; margin-bottom: 2rem; }

@media (min-width: 992px) and (max-width: 1199px) { .look__book__wrapper .book__thumb.thumb2 { margin-top: -37%; }
  .look__book__wrapper .book__content::before { right: -135px; } }

@media (min-width: 768px) and (max-width: 991px) { .look__book__wrapper .book__content::before { border: 5px solid #f3f3f3; bottom: -51px; left: -55px; right: -86px; top: -42px; }
  .look__book__wrapper .book__thumb.thumb2 { margin-top: 169px; }
  .look__book__wrapper .book__content.content2 { right: 13px; transform: translateY(44%); }
  .look__book__wrapper .book__content .book__content__inner h4 { font-size: 21px; }
  .look__book__wrapper .book__content .book__content__inner h2 { font-size: 50px; }
  .look__book__wrapper { padding-bottom: 10px; }
  .look__book__wrapper .row { margin: 0 -54px; }
  .look__book__wrapper .book__content.content2 { transform: translateY(50%); } }

@media (max-width: 767px) { .look__book__wrapper { margin-bottom: 22px; padding-top: 130px; margin-top: 0; }
  .look__book__wrapper .book__content::before { border: 0 none; }
  .look__book__wrapper .book__content .book__content__inner h2 { font-size: 42px; margin-bottom: 18px; transform: translateX(0px); }
  .look__book__wrapper .book__thumb.thumb2 { margin-top: 20px; }
  .look__book__wrapper .book__content.content2 { transform: translateY(0px); }
  .look__book__wrapper .row { margin: 0 -35px; padding: 0 10px; }
  .look__book__wrapper .book__content .book__content__inner h4 { font-size: 22px; }
  .look__book__wrapper { padding-bottom: 7px; }
  .look__book__wrapper.space__vare--2 { margin-top: 0; padding-top: 100px; } }

@media (max-width: 575px) { .look__book__wrapper .book__content .book__content__inner h4 { font-size: 15px; }
  .look__book__wrapper .book__content .book__content__inner p { padding: 16px 0; } }

@media (max-width: 420px) { .look__book__wrapper .book__content .book__content__inner h2 { font-size: 25px; }
  .look__book__wrapper .book__content .book__content__inner p { padding: 12px 0; }
  .look__book__wrapper .book__content .book__content__inner h4 { font-size: 15px; } }

@keyframes fadeInUp { from { opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInUp { animation-name: fadeInUp; }

.banner__style--7 .container-fluid { padding-left: 0px; padding-right: 0px; width: 100%; }

.banner--7 { position: relative; }

.banner--7 .thumb { display: block; margin-top: 30px; overflow: hidden; position: relative; text-align: center; }

.banner--7 .thumb::before { background-color: rgba(22, 22, 27, 0.97); bottom: 0; content: ""; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: all 0.3s ease-in-out 0s; z-index: 1; }

.banner--7 .thumb a { display: block; overflow: hidden; width: 100%; padding-top: 100%; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.banner--7 .thumb a img { min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.banner--7 .thumb.rectangle a { width: 100%; padding-top: calc(50% - 15px); }

.banner--7 .content { color: #fff; left: 50%; min-width: 100%; opacity: 0; padding: 0 10px; pointer-events: none; position: absolute; text-align: center; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; }

.banner--7 .content h3, .banner--7 .content h4 { color: #fff; font-size: 18px; font-weight: 600; line-height: 1; margin-bottom: 10px; text-transform: uppercase; }

.banner--7 .content p { color: #fff; font-size: 14px; line-height: 25px; }

.banner--7 .content a { color: #FFFF05; display: inline-block; font-size: 12px; font-weight: 700; line-height: 25px; margin-top: 60px; text-transform: uppercase; }

.banner--7:hover .thumb::before { opacity: 1; }

.banner--7:hover .content h4 { animation: 300ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--7:hover .content .description { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--7:hover .content .btn { animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--7:hover .content { opacity: 1; }

.version_photo_09 .content h4 { color: #fff; }

.version_photo_09 .content p { color: #fff; }

.version_photo_09 .content .btn { background: none; border: none; }

.version_photo_09 .description { max-width: 500px; width: 100%; margin: 0 auto; padding: 0 15px; }

@media (min-width: 992px) and (max-width: 1199px) { .banner--7 .content a { margin-top: 14px; }
  .banner--7 .content h3 { font-size: 14px; line-height: 1.5; } }

@media (max-width: 575px) { .banner--7 .content a { font-size: 12px; line-height: 25px; margin-top: 10px; } }

.version_photo_10 .sale { display: block; font-size: 18px; line-height: 25px; margin-bottom: 2rem; }

.version_photo_10 .slider__content.text-right { margin-left: auto; margin-right: 0; }

.version_photo_10 .slider__content.text-right p { margin-left: auto; }

.version_photo_10 .slider__content.text-center { margin-left: auto; margin-right: auto; }

.version_photo_10 .slider__content.text-center p { margin-left: auto; }

@media (max-width: 420px) { .version_photo_10 .slide { background-size: 150%; background-position: right top; }
  .version_photo_10 .slide.text-right { background-position: left top; } }

.version_photo_10 .sl__item { margin-left: -15px; margin-right: -15px; }

.version_photo_10 .slider__content { padding-left: 15px; padding-right: 15px; width: 50%; max-width: 767px; margin-right: auto; }

@media (max-width: 420px) { .version_photo_10 .slider__content { width: 100%; padding-top: 15px; padding-bottom: 15px; background: #fff; } }

.version_photo_10 .slider__content .h1 { font-size: 3vw; line-height: 3.2vw; margin-bottom: 15px; }

@media (max-width: 991px) { .version_photo_10 .slider__content .h1 { font-size: 5vw; line-height: 6.2vw; } }

@media (max-width: 575px) { .version_photo_10 .slider__content .h1 { font-size: 7vw; line-height: 8vw; } }

.version_photo_10 .slider__content .h2 { font-size: 1.5vw; line-height: 1.8vw; margin-bottom: 15px; }

@media (max-width: 991px) { .version_photo_10 .slider__content .h2 { font-size: 2.5vw; line-height: 2.7vw; } }

@media (max-width: 575px) { .version_photo_10 .slider__content .h2 { font-size: 16px; line-height: 24px; margin-bottom: 5px; } }

.version_photo_10 .slider__content .description { margin: 0 0 50px; max-width: 725px; font-size: 14px; line-height: 22px; }

@media (max-width: 420px) { .version_photo_10 .fullscreen { padding: 100% 0 0 !important; } }

.banner_only_image { display: flex; margin-left: -15px; margin-right: -15px; }

.banner_only_image .banner { margin-top: 0; padding: 0 15px; overflow: hidden; }

.banner_only_image .banner a { overflow: hidden; height: 100%; position: relative; display: block; }

.banner_only_image .banner a img { width: 100%; transition: all 300ms ease-in 0s; height: 100%; object-fit: cover; }

.banner_only_image .banner a:hover img { transform: scale3d(1.05, 1.05, 1.05); }

.banner_only_image .banner.co11 { flex-basis: 60.1%; }

.banner_only_image .banner.co12 { flex-basis: 39.9%; }

.banner_only_image .banner.co13 { flex-basis: 24.1%; }

.banner_only_image .banner.co14 { flex-basis: 51.8%; }

@media (max-width: 767px) { .banner_only_image { flex-wrap: wrap; }
  .banner_only_image .banner a { display: block; }
  .banner_only_image .banner.co11, .banner_only_image .banner.co12, .banner_only_image .banner.co13, .banner_only_image .banner.co14 { flex-basis: 100%; } }

.banner--10 { position: relative; }

.banner--10 .thumb a { display: inline-block; overflow: hidden; }

.banner--10 .thumb a img { width: 100%; transition: all 300ms ease-in 0s; }

.banner--10 .content { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; }

.banner--10 .content h3, .banner--10 .content h4 { color: #FFFF05; font-size: 36px; font-weight: 700; line-height: 1; text-transform: uppercase; }

.banner--10 .content p { color: #636363; padding: 10px 0; }

.banner--10 .content a { color: #636363; margin-top: 20px; text-transform: uppercase; }

.banner--10 .content.content1 { left: 52%; min-width: 40%; text-align: left; }

.banner--10 .content.content2 { bottom: 10%; right: 80%; text-align: right; top: auto; transform: translateY(0px); width: 150%; }

.banner--10 .content.content3 { left: 0; right: 0; text-align: center; }

.banner--10 .content.content3 h3, .banner--10 .content.content3 h4 { color: #FFFF05; font-size: 36px; font-weight: 700; line-height: 1; text-transform: uppercase; }

.banner--10:hover .thumb a img { transform: scale3d(1.05, 1.05, 1.05); }

.banner--10.margin--top { margin-top: -142px; }

.version_photo_12 .content.content1 { max-width: 40%; text-align: left; right: 0; }

@media (max-width: 1199px) { .version_photo_12 .content.content1 { left: inherit; right: 30px; } }

.version_photo_12 .banner-in > .thumb { padding-right: 0; }

@media (max-width: 1199px) { .version_photo_12 .banner-in > .thumb { padding-right: 15px; } }

.version_photo_12 .photo-3 .thumb { right: 0; position: relative; padding-left: 0; }

@media (max-width: 991px) { .version_photo_12 .photo-3 .thumb { padding-left: 15px; } }

.version_photo_12 .photo-3 .content { position: relative; right: -5rem; max-width: 100%; }

@media (max-width: 1199px) { .version_photo_12 .photo-3 .content { position: absolute; left: 0; transform: translateX(-50%); right: initial; } }

@media (max-width: 991px) { .version_photo_12 .photo-3 .content { right: 0; } }

@media (max-width: 767px) { .version_photo_12 .photo-3 .content { transform: translateX(0); margin-top: 15px; position: relative; text-align: left; } }

.version_photo_12_style { margin-top: -100px; }

@media (max-width: 991px) { .version_photo_12_style { margin-top: 40px; } }

.version_photo_12_style .content { margin-top: 113px; }

@media (min-width: 992px) and (max-width: 1199px) { .banner--10.margin--top { margin-top: 0; }
  .version_photo_12 .photo-3 .thumb { right: 0; position: relative; top: -200px; } }

@media (min-width: 768px) and (max-width: 991px) { .banner--10.margin--top { margin-top: 0; }
  .banner--10 .content.content2 { right: 42%; width: 164%; }
  .banner--10 .content p { padding-left: 25%; }
  .banner--10 .thumb a { display: block; } }

@media (max-width: 991px) { .version_photo_12 .content h3, .version_photo_12 .content.content3 h3 { font-size: 28px; } }

@media (min-width: 768px) and (max-width: 991px) { .version_photo_12 .banner--10 .content p { padding-left: 0; }
  .version_photo_12 .photo-3 .thumb { top: 0; } }

@media (max-width: 767px) { .banner--10 .thumb a { display: block; }
  .banner--10 .content.content1 { left: 31px; min-width: 100%; }
  .banner--10.margin--top { margin-top: 0; }
  .banner--10 .content.content2 { bottom: 10%; padding-left: 26px; right: 20px; width: 100%; }
  .version_photo_12 .photo-3 .content { padding: 0 15px !important; }
  .version_photo_12 .photo-3 .thumb { top: 0; padding-top: 10px; }
  .version_photo_12 .banner--10 .content { left: 0; width: 100%; padding: 0 30px; } }

@media (max-width: 575px) { .version_photo_12 .banner--10 .content p { display: inherit; padding: 10px 0; }
  .version_photo_12 .banner--10 .content h3 { font-size: 24px; line-height: 27px; } }

.version_photo_13 .banner__content h4 { margin-bottom: 15px; margin-top: 15px; }

.version_photo_13 .description { margin-bottom: 15px; }

/*-------------------------- Shop Colection Styles ----------------------------*/
.list__categories { overflow: hidden; position: relative; margin-top: 30px; }

.list__categories .thumb__catrgories { position: relative; }

.list__categories .thumb__catrgories::before { background: rgba(22, 22, 27, 0.97); bottom: 0; content: ""; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: all 400ms ease-in 0s; z-index: 1; }

.list__categories .thumb__catrgories a img { width: 100%; transition: all 400ms ease-in 0s; }

.list__categories .desc__categories { left: 85px; position: absolute; right: 85px; top: 50%; transform: translateY(-50%); z-index: 1; }

.list__categories .desc__categories .categories__content { border: 2px solid #fff; padding: 110px 30px 100px; transform: scale3d(1.2, 1.2, 1.2); transition: all 500ms ease-in 0s; opacity: 0; }

.list__categories .desc__categories .categories__content h6 a { display: block; font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 35px; padding-bottom: 10px; position: relative; text-transform: uppercase; transition: all 300ms ease-in 0s; }

.list__categories .desc__categories .categories__content h6 a::before { background: #FFFF05; bottom: -2px; content: ""; height: 2px; left: 0; position: absolute; width: 45px; }

.list__categories .desc__categories .categories__content p { margin: 0 0 9px; letter-spacing: 0.025em; }

.list__categories:hover .thumb__catrgories a img { transform: scale3d(1.05, 1.05, 1.05); transition: all 400ms ease-in 0s; }

.list__categories:hover .thumb__catrgories::before { opacity: 1; transition: all 400ms ease-in 0s; }

.list__categories:hover .desc__categories .categories__content { opacity: 1; transform: scale3d(1, 1, 1); }

.owl__dot--cus { position: relative; }

.owl__dot--cus .owl-dots { bottom: 20px; left: 0; position: absolute; right: 0; text-align: center; }

.owl__dot--cus .owl-dots span { background: #aaaaaa; border-radius: 100%; display: block; height: 10px; margin: 5px; width: 10px; transition: 0.4s; }

.owl__dot--cus.owl-theme .owl-dots .owl-dot.active span, .owl__dot--cus.owl-theme .owl-dots .owl-dot:hover span { background: #FFFF05 none repeat scroll 0 0; }

@media (min-width: 992px) and (max-width: 1199px) { .list__categories .desc__categories .categories__content { padding: 72px 30px 72px; }
  .list__categories .desc__categories { left: 20px; right: 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .list__categories .desc__categories .categories__content { padding: 72px 30px 72px; }
  .list__categories .desc__categories { left: 20px; right: 20px; } }

@media (max-width: 767px) { .list__categories .desc__categories .categories__content { padding: 15px 30px; }
  .list__categories .desc__categories { left: 20px; right: 20px; } }

.version_catalog_04 .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }

@media (max-width: 767px) { .version_photo_16_1 .pt--100 { padding-top: 70px; } }

@media (max-width: 767px) { .version_photo_16_2 .pb--100 { padding-bottom: 70px; } }

.version_photo_16_2 .imgBox { max-width: 160px; margin: 0px auto; }

.version_photo_16_2 .imgBox a { display: block; width: 100%; height: 100%; border-radius: 100%; margin: 20px auto 25px; overflow: hidden; position: relative; }

.version_photo_16_2 .imgBox a::after { width: 0%; height: 0%; display: block; content: ""; background-color: #FFFF05; opacity: 0.5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; transition-duration: 0.5s; }

.version_photo_16_2 .imgBox a:hover::after { width: 100%; height: 100%; }

.version_photo_17 .title_caption { margin-bottom: 10px; }

.version_photo_17 .outside-in-block { background: #ddd; }

@media (max-width: 767px) { .version_photo_17 .outside-in-block { padding: 15px; } }

.version_photo_17 .in-block { background: rgba(255, 255, 255, 0.8); padding: 2rem 2rem 0; }

@media (max-width: 767px) { .version_photo_17 .in-block { padding: 2rem 15px 0; } }

.version_photo_17 .in-block .text { margin-bottom: 2rem; }

.version_photo_17 .in-block .img { margin-bottom: 2rem; }

.version_photo_18 { padding-top: 3rem; padding-bottom: 3rem; background: #343940; color: #FFF; }

@media (min-width: 768px) { .version_photo_18 { padding-top: 6rem; padding-bottom: 6rem; } }

.version_photo_18 .title__be--2 { color: #FFF; }

.version_photo_19 { padding-top: 3rem; padding-bottom: 3rem; }

@media (min-width: 768px) { .version_photo_19 { padding-top: 6rem; padding-bottom: 6rem; } }

.version_photo_19 .content_wrap { display: flex; flex-direction: column; justify-content: space-between; height: 100%; margin-top: 1rem; }

@media (min-width: 768px) { .version_photo_19 .content_wrap { margin-top: 0; } }

.version_photo_20 { position: relative; padding-top: 3rem; padding-bottom: 3rem; background: #FFFF05; }

@media (min-width: 768px) { .version_photo_20 { padding-top: 6rem; padding-bottom: 6rem; } }

.version_photo_20 .swiperPaginationStyle { bottom: 1rem; }

@media (min-width: 768px) { .version_photo_20 .swiperPaginationStyle { bottom: 3rem; } }

.version_photo_20 .title_content { padding-bottom: 2rem; }

.version_photo_20 .title_content h4 { margin-bottom: 1rem; }

.version_catalog_01 { padding-bottom: 2.5rem; }

@media (min-width: 576px) { .version_catalog_01 .add_banner_wrap:first-child { padding-right: 0.5rem; }
  .version_catalog_01 .add_banner_wrap:last-child { padding-left: 0.5rem; } }

.version_catalog_01 .add_banner { overflow: hidden; text-align: center; position: relative; }

.version_catalog_01 .add_banner .banner_thumb a { display: block; overflow: hidden; position: relative; }

.version_catalog_01 .add_banner .banner_thumb a img { width: 100%; transition: all 300ms ease-in 0s; }

.version_catalog_01 .add_banner .banner_thumb a:hover img { transform: scale3d(1.05, 1.05, 1.05); }

.version_catalog_01 .add_banner .banner_inner { left: 0%; width: 100%; height: 100%; position: absolute; top: 0vh; padding: 3rem; display: flex; align-items: center; justify-content: flex-start; pointer-events: none; }

@media (min-width: 992px) { .version_catalog_01 .add_banner .banner_inner { top: 10vh; } }

.version_catalog_01 .add_banner .banner_inner h3, .version_catalog_01 .add_banner .banner_inner h4 { font-size: 24px; font-weight: 600; line-height: 1; margin-bottom: 5px; text-transform: uppercase; }

.version_catalog_01 .add_banner .banner_inner h6 { font-size: 14px; line-height: 25px; }

.version_catalog_01 .add_banner .banner_content { pointer-events: initial; }

.version_catalog_01 .add_banner:hover .banner_inner h3 { animation: 300ms ease-in-out 0s normal none 1 running fadeInUp; }

.version_catalog_01 .add_banner:hover .banner_inner h6 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.version_catalog_01 .banner_inner { padding: 0 15px; }

@media (max-width: 767px) { .version_catalog_01 .add_banner .banner_inner h6 { font-size: 13px; line-height: 25px; }
  .version_catalog_01 .add_banner .banner_inner h3 { font-size: 16px; margin-bottom: 5px; } }

.version_catalog_02 .collection__content { max-width: 500px; width: 100%; margin: 0 auto; padding: 0 15px; }

.version_catalog_02 .collection__content .description { margin-top: 15px; }

.version_catalog_02 .collection__btn { margin-top: 15px; }

.banner--5 .banner { overflow: hidden; position: relative; }

.banner--5 .banner .thumb { overflow: hidden; position: relative; }

.banner--5 .banner .thumb a img { transition: all 300ms ease-in 0s; width: 100%; }

.banner--5 .banner .content { left: 50%; min-width: 100%; padding: 0 30px; position: absolute; top: 30%; transform: translateX(-50%) translateY(-50%); }

.banner--5 .banner .content.content__bg { background-color: rgba(22, 22, 27, 0.97); left: 40px; min-width: auto; padding: 50px 20px; right: 40px; transform: translateX(0px) translateY(-50%); }

.banner--5 .banner .content.border-top-bottom::after { background: #333333; border-bottom: 0 none; bottom: 25px; content: ""; height: 3px; left: 50%; pointer-events: none; position: absolute; transform: translateX(-50%); width: 40px; }

.banner--5 .banner .content.border-top-bottom::before { background: #333333; content: ""; height: 3px; left: 50%; pointer-events: none; position: absolute; top: 25px; transform: translateX(-50%); width: 40px; }

.banner--5 .banner .content h3 a, .banner--5 .banner .content h4 a { font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; display: block; }

.banner--5 .banner .content p { font-size: 18px; font-weight: 300; line-height: 25px; }

.banner--5 .banner .content h4 { font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; }

.banner--5 .banner .content h6 { color: #333333; font-size: 18px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; }

.banner--5 .banner .content span { font-size: 14px; font-weight: 300; line-height: 25px; display: block; }

.banner--5 .banner .content.content__with__border::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff; border-image: none; border-style: none solid solid; border-width: 0 5px 5px; bottom: -42px; content: ""; height: 50px; left: 50%; pointer-events: none; position: absolute; transform: translateX(-50%) translateY(100%); width: 140px; }

.banner--5 .banner .content.content__with__border::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff; border-image: none; border-style: solid solid none; border-width: 5px 5px 0; content: ""; height: 50px; left: 50%; pointer-events: none; position: absolute; top: -25px; transform: translateX(-50%) translateY(-100%); width: 140px; }

.banner--5 .banner .link { bottom: 30px; left: 0; padding: 0 30px; position: absolute; right: 0; }

.banner--5 .banner .link a { color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; }

.banner--5 .banner .link.poss--center { bottom: -32px; }

.banner--5 .banner.co13 .content { top: 50%; }

.banner--5 .banner.co13 .content.border-top-bottom { padding: 44px 30px; }

.banner--5 .banner.co13 .content.border-top-bottom.border--white::before { background: #fff; }

.banner--5 .banner.co13 .content.border-top-bottom.border--white::after { background: #fff; }

.banner--5 .banner:hover .thumb a img { transform: scale3d(1.05, 1.05, 1.05); }

.banner--5 .banner:hover .content h3 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content p { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content h4 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content h6 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content a.shopbtn { animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .link { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover span { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner .content.pss--right { left: auto; right: 0; min-width: auto; padding: 0 30px; transform: translateX(0) translateY(-50%); }

.version_catalog_03 .banner { text-align: right; margin-top: 0; }

@media (min-width: 992px) and (max-width: 1199px) { .banner--5 .banner.co13 .content.border-top-bottom { padding: 44px 7px; } }

@media (max-width: 767px) { .banner--5 .banner .content.content__with__border::before, .banner--5 .banner .content.content__with__border::after { display: none; } }

@media (max-width: 575px) { .banner--5 .banner .content.content__with__border::after { bottom: -26px; } }

@media (max-width: 390px) { .banner--5 .banner .content h4 { font-size: 16px; line-height: 23px; }
  .banner--5 .banner .content h6 { font-size: 16px; line-height: 22px; } }

@keyframes fadeInUp { from { opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    transform: none; } }

/*-------------------------- Shop Colection Styles ----------------------------*/
.list__categories { overflow: hidden; position: relative; margin-top: 30px; }

.list__categories .thumb__catrgories { position: relative; }

.list__categories .thumb__catrgories::before { background: rgba(22, 22, 27, 0.97); bottom: 0; content: ""; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: all 400ms ease-in 0s; z-index: 1; }

@media (max-width: 991px) { .list__categories .thumb__catrgories::before { opacity: 1; } }

.list__categories .thumb__catrgories a img { width: 100%; transition: all 400ms ease-in 0s; }

.list__categories .desc__categories { left: 85px; position: absolute; right: 85px; top: 50%; transform: translateY(-50%); z-index: 1; }

.list__categories .desc__categories .categories__content { border: 2px solid #fff; padding: 110px 30px 100px; transform: scale3d(1.2, 1.2, 1.2); transition: all 500ms ease-in 0s; opacity: 0; }

@media (max-width: 991px) { .list__categories .desc__categories .categories__content { opacity: 1; border: none; } }

.list__categories .desc__categories .categories__content h6 a { display: block; font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 35px; padding-bottom: 10px; position: relative; text-transform: uppercase; transition: all 300ms ease-in 0s; }

.list__categories .desc__categories .categories__content h6 a::before { background: #FFFF05; bottom: -2px; content: ""; height: 2px; left: 0; position: absolute; width: 45px; }

.list__categories .desc__categories .categories__content p { margin: 0 0 9px; letter-spacing: 0.025em; }

.list__categories:hover .thumb__catrgories a img { transform: scale3d(1.05, 1.05, 1.05); transition: all 400ms ease-in 0s; }

.list__categories:hover .thumb__catrgories::before { opacity: 1; transition: all 400ms ease-in 0s; }

.list__categories:hover .desc__categories .categories__content { opacity: 1; transform: scale3d(1, 1, 1); }

.owl__dot--cus { position: relative; }

.owl__dot--cus .owl-dots { bottom: 20px; left: 0; position: absolute; right: 0; text-align: center; }

.owl__dot--cus .owl-dots span { background: #aaaaaa; border-radius: 100%; display: block; height: 10px; margin: 5px; width: 10px; transition: 0.4s; }

.owl__dot--cus.owl-theme .owl-dots .owl-dot.active span, .owl__dot--cus.owl-theme .owl-dots .owl-dot:hover span { background: #FFFF05 none repeat scroll 0 0; }

.version_catalog_04 .title a { color: #fff; }

.version_catalog_04 .description { color: #fff; }

.version_catalog_04 .shopbtn { margin-top: 15px; color: #fff; }

.version_catalog_04 .shopbtn::before { border-color: transparent transparent transparent #fff; }

.version_catalog_04 .shopbtn::after { background: #fff; }

.version_catalog_04 .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }

@media (min-width: 992px) and (max-width: 1199px) { .list__categories .desc__categories .categories__content { padding: 72px 30px 72px; }
  .list__categories .desc__categories { left: 20px; right: 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .list__categories .desc__categories .categories__content { padding: 72px 30px 72px; }
  .list__categories .desc__categories { left: 20px; right: 20px; } }

@media (max-width: 767px) { .list__categories .desc__categories .categories__content { padding: 15px 30px; }
  .list__categories .desc__categories { left: 20px; right: 20px; } }

@keyframes fadeInUp { from { opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInUp { animation-name: fadeInUp; }

.banner__style--7 .container-fluid { padding-left: 0px; padding-right: 0px; width: 100%; }

.banner--7 { position: relative; }

.banner--7 .thumb { display: block; margin-top: 30px; overflow: hidden; position: relative; text-align: center; }

.banner--7 .thumb::before { background-color: rgba(22, 22, 27, 0.97); bottom: 0; content: ""; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: all 0.3s ease-in-out 0s; z-index: 1; }

.banner--7 .thumb a { display: block; overflow: hidden; }

.banner--7 .thumb a img { width: 100%; }

.banner--7 .content { color: #fff; left: 50%; min-width: 100%; opacity: 0; padding: 0 10px; pointer-events: none; position: absolute; text-align: center; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; }

.banner--7 .content h3, .banner--7 .content h4 { color: #fff; font-size: 18px; font-weight: 600; line-height: 1; margin-bottom: 10px; text-transform: uppercase; }

.banner--7 .content p { color: #fff; font-size: 14px; line-height: 25px; }

.banner--7 .content a { color: #FFFF05; display: inline-block; font-size: 12px; font-weight: 700; line-height: 25px; margin-top: 60px; text-transform: uppercase; }

.banner--7:hover .thumb::before { opacity: 1; }

.banner--7:hover .content h4 { animation: 300ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--7:hover .content .description { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--7:hover .content .btn { animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--7:hover .content { opacity: 1; }

.version_catalog_05 .content .btn { background: none; border: none; margin-top: 15px; }

.version_catalog_05 .description { max-width: 400px; width: 100%; margin: 0 auto; }

@media (min-width: 992px) and (max-width: 1199px) { .banner--7 .content a { margin-top: 14px; }
  .banner--7 .content h3 { font-size: 14px; line-height: 1.5; } }

@media (max-width: 575px) { .banner--7 .content a { font-size: 12px; line-height: 25px; margin-top: 10px; } }

.version_catalog_06.catalog_06MTop_150 { margin-top: -105px; position: relative; z-index: 100; }

@media (max-width: 575px) { .version_catalog_06.catalog_06MTop_150 { margin-top: 15px; } }

.version_catalog_06 .up { background: #FFFF05; width: 100%; padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; }

.version_catalog_06 .up h4 { margin-bottom: 10px; }

.version_catalog_06 .up h4 a:hover, .version_catalog_06 .up h4 a:focus { color: #fff; }

.version_catalog_06 .readMore a { color: #2e2e2e; }

.version_catalog_06 .readMore a:hover, .version_catalog_06 .readMore a:focus { color: #9F7D5A; }

@media (max-width: 1199px) { .version_catalog_06 .readMore { margin-top: 10px; } }

.version_catalog_06 figure.effect-ming a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }

.version_catalog_06 figure.effect-ming a img { transition-duration: 0.5s; }

.version_catalog_06 .hoverMore { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); transition-duration: 0.5s; z-index: 5; color: #fff; opacity: 0; }

.version_catalog_06 figure.effect-ming a::before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; transition-duration: 0.5s; z-index: 2; opacity: 0; }

.version_catalog_06 figure.effect-ming a::after { content: ""; display: block; width: 80%; height: 80%; background: rgba(0, 0, 0, 0.5); position: absolute; border: 2px solid #fff; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); transition-duration: 0.5s; z-index: 3; opacity: 0; }

.version_catalog_06 figure.effect-ming a:hover img { transform: scale(1.1); }

.version_catalog_06 figure.effect-ming a:hover .hoverMore { opacity: 1; transform: translate(-50%, -50%) scale(1); }

.version_catalog_06 figure.effect-ming a:hover::before { opacity: 1; }

.version_catalog_06 figure.effect-ming a:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }

.version_catalog_06 .boxPb { padding-bottom: 15px; height: 100%; }

.version_catalog_07 .in-block { position: relative; padding: 0; }

.version_catalog_07 .title_caption { font-size: 32px; }

@media (max-width: 991px) { .version_catalog_07 .title_caption { font-size: 28px; } }

.version_catalog_07 .down a { display: block; }

.version_catalog_07 .down img { width: 100%; }

.version_catalog_07 .content { position: absolute; padding: 0 20px; left: 0; top: 20px; }

.version_catalog_07 .description { margin-bottom: 10px; }

.version_catalog_09 .boxAbsolute:hover .readMore, .version_catalog_09 .boxAbsolute:hover .content { animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; }

.version_catalog_09 .up { width: 100%; padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(100% - 30px); padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: absolute; left: 15px; bottom: 0; overflow: hidden; }

.version_catalog_09 .up::before { background-color: #FFFF05; bottom: 0; content: ""; left: 0; opacity: 0.5; position: absolute; right: 0; z-index: 1; height: 100%; bottom: 0; }

.version_catalog_09 .up h4 a:hover, .version_catalog_09 .up h4 a:focus { color: #fff; }

.version_catalog_09 .up .content { position: relative; z-index: 1; }

.version_catalog_09 .readMore { position: relative; z-index: 1; }

.version_catalog_09 .readMore a { color: #2e2e2e; }

.version_catalog_09 .readMore a:hover, .version_catalog_09 .readMore a:focus { color: #9F7D5A; }

.story__content h2, .story__content h4 { color: #FFFF05; font-size: 31px; letter-spacing: 0.5vw; }

.story__content p { padding: 50px 7%; }

.story__content h3 { color: #FFFF05; font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; font-size: 24px; font-weight: 400; line-height: 35px; margin-bottom: 45px; }

.center__line { position: relative; }

.center__line::before { background: #f3f3f3; content: ""; height: 85px; left: 50%; position: absolute; top: 0; width: 1px; }

@media (max-width: 767px) { .story__content h2 { font-size: 19px; }
  .center__line::before { height: 49px; }
  .story__content p { padding: 26px 0; }
  .story__content h3 { margin-bottom: 25px; } }

@media (max-width: 575px) { .story__content h2 { font-size: 15px; } }

.version_text_02 .wn__information .info > div { background-size: auto 100%; background-repeat: no-repeat; background-attachment: scroll; background-image: url("../images/png-img/shipping.png"); padding: 20px; }

.version_text_02 .wn__information .info:nth-child(1) div { background-color: #a2afc6; }

.version_text_02 .wn__information .info:nth-child(2) div { background-color: #C6BBA1; }

.version_text_02 .wn__information .info:nth-child(3) div { background-color: #A2C6C0; }

@keyframes kf-marque-animation { 0% { transform: translateX(0);
    left: 100%; }
  100% { transform: translateX(-100%);
    left: 0; } }

.marquee { height: 44px; line-height: 44px; border: none; display: block; margin: 0 auto; white-space: nowrap; text-overflow: clip; position: relative; font-size: 21px; animation: kf-marque-animation 21s linear infinite; }

.version_text_04 .wn__our__story { padding: 2rem 1rem; }

@media (min-width: 768px) { .version_text_04 .wn__our__story { padding: 6rem 0; } }

.version_text_04 .version_text_04_inner { position: relative; display: flex; }

@media (min-width: 768px) { .version_text_04 .story__content { padding-right: 380px; } }

.version_text_04 .ab_img { display: flex; justify-content: flex-end; }

@media (max-width: 767px) { .version_text_04 .ab_img { width: 100%; margin-top: 1rem; padding-right: 1rem; } }

@media (min-width: 768px) { .version_text_04 .ab_img { position: absolute; right: 0; bottom: 35%; } }

.version_text_05 { padding-top: 3rem; padding-bottom: 3rem; }

.version_text_05 .title_content { margin-bottom: 2rem; }

.version_text_05 h6 { margin-bottom: 1rem; }

.version_text_05 .date_wrap { display: flex; justify-content: space-between; margin-bottom: 0.5rem; }

.version_text_05 .date_wrap .period { background: #FFFF05; padding: 0.5rem 1rem; width: 76px; text-align: center; }

.version_text_05 .date_wrap .time { color: #FFFF05; width: calc(100% - 76px); padding: 0.5rem 1rem; }

.version_text_05 .version_text_05_btn { background: #FFFF05; display: flex; align-items: center; justify-content: center; height: 100%; transition: 0.3s background ease; }

.version_text_05 .version_text_05_btn:hover { background: black; }

@media (max-width: 767px) { .version_text_05 .version_text_05_btn { margin-top: 1rem; } }

.version_text_05 .version_text_05_btn_inner { display: block; padding: 2rem; text-align: center; color: #FFF; font-size: 1.65rem; }

@media (max-width: 991px) { .version_text_05 .version_text_05_btn_inner { padding: 1.4rem; } }

@media (max-width: 767px) { .version_text_05 .version_text_05_btn_inner { padding: 1rem; font-size: 1.45rem; } }

.version_text_05 .version_text_05_btn_inner:hover { color: #FFF; }

.version_other_01 .product { padding-left: 15px; }

.slider__group { padding: 30px 0 0; width: 1230px; background: #fff; margin: auto; }

.slider__group .container { padding: 0 15px; }

.slider__group .slider__area .slide.section__height { height: 603px; padding: 0 100px; }

.slider__group .slider__area .slide .slider__content h1 { font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; font-size: 72px; line-height: 1; text-transform: capitalize; margin-bottom: 0; }

.slider__group .slider__area .slide .slider__content h3 { font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; font-size: 72px; line-height: 1; margin-bottom: 20px; position: relative; }

.slider__group .slider__area .slide .slider__content a { color: #333333; display: inline-block; font-size: 12px; letter-spacing: 0.1em; line-height: 30px; text-transform: uppercase; transition: 0.3s; }

.slider__group .slider__area .slide .slider__content a:hover { color: #FFFF05; }

.slider__group .slider__area .slide .slider__content a::after { background: rgba(0, 0, 0, 0) url("..//icons/links_static2.png") repeat scroll 0 0; content: ""; display: inline-block; font-size: 0; height: 11px; margin-left: 25px; vertical-align: -2px; width: 44px; }

.mt--30 { margin-top: 30px; }

.slider__group { padding: 30px 0 0; width: 1230px; background: #fff; margin: auto; }

.slider__group .slider__area.slider--12 .slide.section__height { height: 619px; padding: 0; justify-content: center; }

.slider__group .slider__area.slider--12 .slide .slider__content { text-align: center; }

.slider__group .slider__area.slider--12 .slide .slider__content h1 { font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; font-size: 72px; line-height: 1; text-transform: capitalize; }

.slider__group .slider__area.slider--12 .slide .slider__content h3 { display: block; font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; font-size: 72px; line-height: 1; margin-bottom: 30px; }

.slider__group .slider__area.slider--12 .slide .slider__content.text--black h1, .slider__group .slider__area.slider--12 .slide .slider__content.text--black h3, .slider__group .slider__area.slider--12 .slide .slider__content.text--black p, .slider__group .slider__area.slider--12 .slide .slider__content.text--black a { color: #444; }

.slider--12.owl-theme .owl-nav [class*="owl-"]:hover { color: #D9AD5F; background: #FFFF05; border-color: #FFFF05; }

.slider--12.slide__arrow01.owl-theme .owl-nav [class*="owl-"]:hover { background: #FFFF05; border-color: #FFFF05; color: #D9AD5F; }

.version_other_02 a:hover .shopbtn, .version_other_02 a:focus .shopbtn { color: #9F7D5A; }

.version_other_02 a:hover .shopbtn::before, .version_other_02 a:focus .shopbtn::before { border-color: transparent transparent transparent #9F7D5A; }

.version_other_02 a:hover .shopbtn::after, .version_other_02 a:focus .shopbtn::after { background: #9F7D5A; }

.version_other_02 .banner-col { position: relative; overflow: hidden; }

.version_other_02 .banner { margin-top: 0; }

.version_other_02 .banner .thumb { overflow: hidden; }

.version_other_02 .banner .thumb a img { transition: all 300ms ease-in 0s; width: 100%; }

.version_other_02 .banner:hover .thumb a img { transform: scale3d(1.05, 1.05, 1.05); }

.version_other_02 .banner .content { padding: 0 15px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; }

.version_other_02 .description { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.version_other_02 .in_version_other a { height: 100%; width: 100%; }

.version_other_02 .in_version_other img { width: 100%; object-fit: cover; }

.version_other_02 .slider__content { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }

@media (min-width: 992px) and (max-width: 1199px) { .slider__group { margin: 0 30px; width: auto; padding-left: 15px; padding-right: 15px; }
  .version_other_02 .slider__group .slider__area.slider--12 .slide .slider__content h1 { font-size: 42px; }
  .version_other_02 .slider__group .slider__area.slider--12 .slide .slider__content h3 { font-size: 42px; } }

@media (min-width: 768px) and (max-width: 991px) { .slider__group { width: 100%; }
  .slider__group .slider__area .slide.section__height { height: auto; padding: 72px 30px; } }

@media (max-width: 991px) { .version_other_02 .slider__group .slider__area.slider--12 .slide.section__height { height: auto; } }

@media (max-width: 767px) { .slider__group .slider__area .slide .slider__content h3, .slider__group .slider__area.slider--12 .slide .slider__content h3 { font-size: 50px; }
  .slider__group .slider__area .slide .slider__content p { margin: 0 0 29px; }
  .slider__group { width: 100%; }
  .slider__group .slider__area .slide.section__height { height: auto; padding: 72px 30px; }
  .slider__group .slider__area.slider--12 .slide .slider__content h1, .slider__group .slider__area .slide .slider__content h1 { font-size: 42px; } }

.banner--5 .banner { overflow: hidden; position: relative; }

.banner--5 .banner .thumb { overflow: hidden; position: relative; }

.banner--5 .banner .thumb a img { transition: all 300ms ease-in 0s; width: 100%; }

.banner--5 .banner .content { left: 50%; min-width: 100%; padding: 0 30px; position: absolute; top: 30%; transform: translateX(-50%) translateY(-50%); }

.banner--5 .banner .content.content__bg { background-color: rgba(22, 22, 27, 0.97); left: 40px; min-width: auto; padding: 50px 20px; right: 40px; transform: translateX(0px) translateY(-50%); }

.banner--5 .banner .content.border-top-bottom::after { background: #333333; border-bottom: 0 none; bottom: 25px; content: ""; height: 3px; left: 50%; pointer-events: none; position: absolute; transform: translateX(-50%); width: 40px; }

.banner--5 .banner .content.border-top-bottom::before { background: #333333; content: ""; height: 3px; left: 50%; pointer-events: none; position: absolute; top: 25px; transform: translateX(-50%); width: 40px; }

.banner--5 .banner .content h3 a, .banner--5 .banner .content h4 a { font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; display: block; }

.banner--5 .banner .content p { font-size: 18px; font-weight: 300; line-height: 25px; }

.banner--5 .banner .content h4 { font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; }

.banner--5 .banner .content h6 { color: #333333; font-size: 18px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; }

.banner--5 .banner .content span { font-size: 14px; font-weight: 300; line-height: 25px; display: block; }

.banner--5 .banner .content.content__with__border::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff; border-image: none; border-style: none solid solid; border-width: 0 5px 5px; bottom: -42px; content: ""; height: 50px; left: 50%; pointer-events: none; position: absolute; transform: translateX(-50%) translateY(100%); width: 140px; }

.banner--5 .banner .content.content__with__border::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff; border-image: none; border-style: solid solid none; border-width: 5px 5px 0; content: ""; height: 50px; left: 50%; pointer-events: none; position: absolute; top: -25px; transform: translateX(-50%) translateY(-100%); width: 140px; }

.banner--5 .banner .link { bottom: 30px; left: 0; padding: 0 30px; position: absolute; right: 0; }

.banner--5 .banner .link a { color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; }

.banner--5 .banner .link.poss--center { bottom: -32px; }

.banner--5 .banner.co13 .content { top: 50%; }

.banner--5 .banner.co13 .content.border-top-bottom { padding: 44px 30px; }

.banner--5 .banner.co13 .content.border-top-bottom.border--white::before { background: #fff; }

.banner--5 .banner.co13 .content.border-top-bottom.border--white::after { background: #fff; }

.banner--5 .banner:hover .thumb a img { transform: scale3d(1.05, 1.05, 1.05); }

.banner--5 .banner:hover .content h3 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content p { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content h4 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content h6 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content a.shopbtn { animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .link { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover span { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner .content.pss--right { left: auto; right: 0; min-width: auto; padding: 0 30px; transform: translateX(0) translateY(-50%); }

@keyframes fadeInUp { from { opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    transform: none; } }

@media (min-width: 992px) and (max-width: 1199px) { .banner--5 .banner.co13 .content.border-top-bottom { padding: 44px 7px; } }

@media (max-width: 767px) { .banner--5 .banner .content.content__with__border::before, .banner--5 .banner .content.content__with__border::after { display: none; } }

@media (max-width: 575px) { .banner--5 .banner .content.content__with__border::after { bottom: -26px; } }

@media (max-width: 390px) { .banner--5 .banner .content h4 { font-size: 16px; line-height: 23px; }
  .banner--5 .banner .content h6 { font-size: 16px; line-height: 22px; } }

/*-------------------------- Shop Colection Styles ----------------------------*/
.list__categories { overflow: hidden; position: relative; margin-top: 30px; }

.list__categories .thumb__catrgories { position: relative; }

.list__categories .thumb__catrgories::before { background: rgba(22, 22, 27, 0.97); bottom: 0; content: ""; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: all 400ms ease-in 0s; z-index: 1; }

@media (max-width: 991px) { .list__categories .thumb__catrgories::before { opacity: 1; } }

.list__categories .thumb__catrgories a img { width: 100%; transition: all 400ms ease-in 0s; }

.list__categories .desc__categories { left: 85px; position: absolute; right: 85px; top: 50%; transform: translateY(-50%); z-index: 1; }

.list__categories .desc__categories .categories__content { border: 2px solid #fff; padding: 110px 30px 100px; transform: scale3d(1.2, 1.2, 1.2); transition: all 500ms ease-in 0s; opacity: 0; }

@media (max-width: 991px) { .list__categories .desc__categories .categories__content { opacity: 1; border: none; } }

.list__categories .desc__categories .categories__content h6 a { display: block; font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 35px; padding-bottom: 10px; position: relative; text-transform: uppercase; transition: all 300ms ease-in 0s; }

.list__categories .desc__categories .categories__content h6 a::before { background: #FFFF05; bottom: -2px; content: ""; height: 2px; left: 0; position: absolute; width: 45px; }

.list__categories .desc__categories .categories__content p { margin: 0 0 9px; letter-spacing: 0.025em; }

.list__categories:hover .thumb__catrgories a img { transform: scale3d(1.05, 1.05, 1.05); transition: all 400ms ease-in 0s; }

.list__categories:hover .thumb__catrgories::before { opacity: 1; transition: all 400ms ease-in 0s; }

.list__categories:hover .desc__categories .categories__content { opacity: 1; transform: scale3d(1, 1, 1); }

.owl__dot--cus { position: relative; }

.owl__dot--cus .owl-dots { bottom: 20px; left: 0; position: absolute; right: 0; text-align: center; }

.owl__dot--cus .owl-dots span { background: #aaaaaa; border-radius: 100%; display: block; height: 10px; margin: 5px; width: 10px; transition: 0.4s; }

.owl__dot--cus.owl-theme .owl-dots .owl-dot.active span, .owl__dot--cus.owl-theme .owl-dots .owl-dot:hover span { background: #FFFF05 none repeat scroll 0 0; }

@media (min-width: 992px) and (max-width: 1199px) { .list__categories .desc__categories .categories__content { padding: 72px 30px 72px; }
  .list__categories .desc__categories { left: 20px; right: 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .list__categories .desc__categories .categories__content { padding: 72px 30px 72px; }
  .list__categories .desc__categories { left: 20px; right: 20px; } }

@media (max-width: 767px) { .list__categories .desc__categories .categories__content { padding: 15px 30px; }
  .list__categories .desc__categories { left: 20px; right: 20px; } }

@keyframes fadeInUp { from { opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInUp { animation-name: fadeInUp; }

.banner__style--7 .container-fluid { padding-left: 0px; padding-right: 0px; width: 100%; }

.banner--7 { position: relative; }

.banner--7 .thumb { display: block; margin-top: 30px; overflow: hidden; position: relative; text-align: center; }

.banner--7 .thumb::before { background-color: rgba(22, 22, 27, 0.97); bottom: 0; content: ""; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: all 0.3s ease-in-out 0s; z-index: 1; }

.banner--7 .thumb a { display: block; overflow: hidden; }

.banner--7 .thumb a img { width: 100%; }

.banner--7 .content { color: #fff; left: 50%; min-width: 100%; opacity: 0; padding: 0 10px; pointer-events: none; position: absolute; text-align: center; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; }

.banner--7 .content h3, .banner--7 .content h4 { color: #fff; font-size: 18px; font-weight: 600; line-height: 1; margin-bottom: 10px; text-transform: uppercase; }

.banner--7 .content p { color: #fff; font-size: 14px; line-height: 25px; }

.banner--7 .content a { color: #FFFF05; display: inline-block; font-size: 12px; font-weight: 700; line-height: 25px; margin-top: 60px; text-transform: uppercase; }

.banner--7:hover .thumb::before { opacity: 1; }

.banner--7:hover .content h4 { animation: 300ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--7:hover .content .description { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--7:hover .content .btn { animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--7:hover .content { opacity: 1; }

@media (min-width: 992px) and (max-width: 1199px) { .banner--7 .content a { margin-top: 14px; }
  .banner--7 .content h3 { font-size: 14px; line-height: 1.5; } }

@media (max-width: 575px) { .banner--7 .content a { font-size: 12px; line-height: 25px; margin-top: 10px; } }

.slider--nine .slide.align__center--left { align-items: center; display: flex; }

.slider--nine .slide .slider__content h2 { font-size: 5.7rem; text-transform: capitalize; }

.slider--nine .slide .slider__content h1 { font-size: 4.28rem; line-height: 1; margin-bottom: 20px; }

.slider--nine .slide .slider__content h1 span { color: #FFFF05; }

.slider--nine .slide .slider__content p { margin: 0 0 50px; max-width: 725px; }

.slider--nine .slide .slider__content a { color: #9F7D5A; transition: 0.3s; }

.slider--nine .slide .slider__content a:active, .slider--nine .slide .slider__content a:hover { color: #FFFF05; }

/** Swiper 8.0.7 Most modern mobile touch slider and framework with hardware accelerated transitions https://swiperjs.com Copyright 2014-2022 Vladimir Kharlampidi Released under the MIT License Released on: March 4, 2022 */
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }

:root { --swiper-theme-color:#007aff; }

.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }

.swiper-vertical > .swiper-wrapper { flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }

.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); }

.swiper-pointer-events { touch-action: pan-y; }

.swiper-pointer-events.swiper-vertical { touch-action: pan-x; }

.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }

.swiper-slide-invisible-blank { visibility: hidden; }

.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }

.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height; }

.swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; }

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; }

.swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; }

.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; }

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }

.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; }

.swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); }

:root { --swiper-navigation-size:44px; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; }

.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; }

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; }

.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; }

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; }

.swiper-button-lock { display: none; }

.swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }

.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet:only-child { display: none !important; }

.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); }

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right; }

.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-lock { display: none; }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; }

.swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white { --swiper-preloader-color:#fff; }

.swiper-lazy-preloader-black { --swiper-preloader-color:#000; }

@keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } }

.swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; }

.swiper-grid > .swiper-wrapper { flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; }

.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-cube { overflow: visible; }

.swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; }

.swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); }

.swiper-flip { overflow: visible; }

.swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform,opacity,height; }

.swiper-cards { overflow: visible; }

.swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }

.keypoint_page .label { display: block; }

.keypoint_page .post_content h3 { font-size: 3rem; }

.keypoint_page .blog-details .blog-post-details .post_wrapper .post_content .row { margin-bottom: 0; }

.keypoint_page .blog-details .blog-post-details .post_wrapper .post_content .gtut_keypoint_page_thumb { margin-top: 1rem; margin-bottom: 1rem; }

@media (max-width: 767px) { .keypoint_page .blog-details .blog-post-details .post_wrapper .post_content .gtut_keypoint_page_thumb img { margin-bottom: 1rem; } }

.keypoint_page .white_content { color: #fff; }

.keypoint_page .white_content h3, .keypoint_page .white_content h4, .keypoint_page .white_content h5, .keypoint_page .white_content h6, .keypoint_page .white_content p, .keypoint_page .white_content b, .keypoint_page .white_content strong { color: #fff; }

.keypoint_page .img_bleed img { object-fit: cover; width: 100%; height: 100%; }

.keypoint_page .gtut_keypoint_page_info01 { padding-top: 2rem; padding-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_info01 .image { text-align: center; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_info01 .image { margin-bottom: 1rem; } }

.keypoint_page .gtut_keypoint_page_info02, .keypoint_page .gtut_keypoint_page_info03 { padding-left: 0; padding-right: 0; }

.keypoint_page .gtut_keypoint_page_info02 .image, .keypoint_page .gtut_keypoint_page_info03 .image { padding-left: 0; padding-right: 0; }

.keypoint_page .gtut_keypoint_page_info02 .content, .keypoint_page .gtut_keypoint_page_info03 .content { padding-left: 2rem; padding-right: 2rem; padding-top: 2rem; padding-bottom: 2rem; align-self: center; }

@media (min-width: 1200px) { .keypoint_page .gtut_keypoint_page_info02 .content, .keypoint_page .gtut_keypoint_page_info03 .content { padding-left: 4rem; padding-right: 4rem; } }

.keypoint_page .gtut_keypoint_page_info04, .keypoint_page .gtut_keypoint_page_info05 { padding-left: 0; padding-right: 0; }

.keypoint_page .gtut_keypoint_page_info04 > .row, .keypoint_page .gtut_keypoint_page_info05 > .row { align-items: center; }

.keypoint_page .gtut_keypoint_page_info04 .image, .keypoint_page .gtut_keypoint_page_info05 .image { padding-left: 0; padding-right: 0; text-align: center; }

@media (max-width: 767px) { .keypoint_page .gtut_keypoint_page_info04 .little_image, .keypoint_page .gtut_keypoint_page_info05 .little_image { padding-top: 2rem; } }

@media (max-width: 767px) { .keypoint_page .gtut_keypoint_page_info04 .content, .keypoint_page .gtut_keypoint_page_info05 .content { padding-top: 2rem; padding-bottom: 2rem; } }

.keypoint_page .gtut_keypoint_page_info06 { padding-top: 3rem; padding-bottom: 3rem; }

.keypoint_page .gtut_keypoint_page_info07 { padding-left: 0; padding-right: 0; position: relative; }

@media (max-width: 575px) { .keypoint_page .gtut_keypoint_page_info07 { margin-left: -15px; margin-right: -15px; width: calc(100% + 2rem); } }

.keypoint_page .gtut_keypoint_page_info07 > .row { align-items: stretch; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_info07 .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-left: 0; padding-right: 0; opacity: 0.5; } }

.keypoint_page .gtut_keypoint_page_info07 .content { padding: 3rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info07 .content { margin-left: -6rem; padding-left: 0rem; padding-right: 0rem; } }

.keypoint_page .gtut_keypoint_page_info08 { padding-left: 0; padding-right: 0; position: relative; }

@media (max-width: 575px) { .keypoint_page .gtut_keypoint_page_info08 { margin-left: -15px; margin-right: -15px; width: calc(100% + 2rem); } }

.keypoint_page .gtut_keypoint_page_info08 > .row { align-items: stretch; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_info08 .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-left: 0; padding-right: 0; opacity: 0.5; } }

.keypoint_page .gtut_keypoint_page_info08 .content { padding: 3rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info08 .content { padding-left: 4rem; } }

.keypoint_page .gtut_keypoint_page_info09 { padding-left: 0; padding-right: 0; }

.keypoint_page .gtut_keypoint_page_info09 > .row { align-items: stretch; }

.keypoint_page .gtut_keypoint_page_info09 .image { padding-left: 0; padding-right: 0; text-align: center; }

.keypoint_page .gtut_keypoint_page_info09 .content .container { padding: 0; height: 100%; display: flex; flex-wrap: wrap; }

.keypoint_page .gtut_keypoint_page_info09 .content .container > .row { align-items: center; }

@media (max-width: 575px) { .keypoint_page .gtut_keypoint_page_info09 .content .container > .row { padding-left: 1rem; padding-right: 1rem; } }

.keypoint_page .gtut_keypoint_page_info09 .content .container .col-lg-9 { padding: 2rem; }

@media (min-width: 576px) { .keypoint_page .gtut_keypoint_page_info09 .content .container .col-lg-9 { padding: 3rem; } }

.keypoint_page .gtut_keypoint_page_info09 .content .container .image { display: block; margin-left: auto; margin-right: auto; }

.keypoint_page .gtut_keypoint_page_info09 .content { padding: 0; }

@media (max-width: 767px) { .keypoint_page .gtut_keypoint_page_info09 .content { padding-top: 2rem; padding-bottom: 2rem; } }

.keypoint_page .gtut_keypoint_page_info10 { position: relative; padding-left: 0; padding-right: 0; margin-left: -1rem; margin-right: -1rem; padding-top: 5rem; padding-bottom: 5rem; width: calc(100% + 2rem); }

.keypoint_page .gtut_keypoint_page_info10 .bg { position: absolute; width: 100%; height: 70%; top: 0; }

.keypoint_page .gtut_keypoint_page_info10 > .row > .col-12 { padding-left: 2rem; padding-right: 2rem; }

@media (max-width: 767px) { .keypoint_page .gtut_keypoint_page_info10 > .row > .col-12 { padding-left: 3rem; padding-right: 3rem; } }

.keypoint_page .gtut_keypoint_page_info10 .content { padding-bottom: 3rem; }

.keypoint_page .gtut_keypoint_page_info11 { padding-top: 2rem; padding-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_info11 > .row { align-items: flex-end; position: relative; }

.keypoint_page .gtut_keypoint_page_info11 .image { padding-bottom: 1rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info11 .image { padding-bottom: 0; margin-left: -10%; z-index: 0; position: relative; } }

.keypoint_page .gtut_keypoint_page_info11 .content { background: #fff; position: relative; z-index: 1; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info11 .content { padding: 3rem; } }

.keypoint_page .gtut_keypoint_page_info12 { padding-top: 2rem; padding-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_info12 > .row { align-items: baseline; position: relative; }

.keypoint_page .gtut_keypoint_page_info12 .image { padding-bottom: 1rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info12 .image { padding-bottom: 0; z-index: 0; position: relative; } }

.keypoint_page .gtut_keypoint_page_info12 .content { background: #fff; position: relative; z-index: 1; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info12 .content { padding: 3rem; margin-top: 3rem; margin-left: -10%; } }

.keypoint_page .gtut_keypoint_page_info13 { padding-top: 3rem; padding-bottom: 3rem; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_info13 .l_container { padding-left: 0; padding-right: 0; }
  .keypoint_page .gtut_keypoint_page_info13 .l_container .image { margin-top: 1rem; margin-bottom: 1rem; text-align: center; } }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info13 .l_container { padding-right: 0; }
  .keypoint_page .gtut_keypoint_page_info13 .l_container .image { margin-top: 3rem; } }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_info13 .r_container { padding-left: 0; padding-right: 0; }
  .keypoint_page .gtut_keypoint_page_info13 .r_container .image { margin-top: 1rem; } }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info13 .r_container { text-align: right; padding-left: 0; }
  .keypoint_page .gtut_keypoint_page_info13 .r_container .image { margin-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_info14 { position: relative; padding-left: 0; padding-right: 0; margin-left: -1rem; margin-right: -1rem; padding-top: 5rem; padding-bottom: 5rem; width: calc(100% + 2rem); }

.keypoint_page .gtut_keypoint_page_info14 .bg_img { background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; width: 100%; height: 52%; top: 0; left: 0; }

.keypoint_page .gtut_keypoint_page_info14 .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.keypoint_page .gtut_keypoint_page_info14 .content { padding-left: 3rem; padding-right: 3rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info14 .content { padding-left: 0rem; padding-right: 0rem; } }

@media (max-width: 1199px) { .keypoint_page .gtut_keypoint_page_info14 .white_card_wrap { padding-right: 2.5rem; } }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_info14 .white_card_wrap { padding-left: 3rem; padding-right: 3rem; } }

.keypoint_page .gtut_keypoint_page_info14 .white_card { background: #fff; padding: 2rem 1.5rem; }

@media (max-width: 767px) { .keypoint_page .gtut_keypoint_page_info14 .white_card { margin-bottom: 1rem; } }

.keypoint_page .gtut_keypoint_page_info15, .keypoint_page .gtut_keypoint_page_info16 { padding-top: 4rem; padding-bottom: 4rem; }

.keypoint_page .gtut_keypoint_page_info15 .content, .keypoint_page .gtut_keypoint_page_info16 .content { margin-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_info15 .card, .keypoint_page .gtut_keypoint_page_info16 .card { box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.16); margin-bottom: 1.5rem; }

.keypoint_page .gtut_keypoint_page_info17 { padding-top: 2rem; padding-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_info17 > .row { align-items: stretch; }

.keypoint_page .gtut_keypoint_page_info17 .content { padding: 2rem; justify-content: center; display: flex; align-items: center; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info17 .content { padding: 3rem; } }

.keypoint_page .gtut_keypoint_page_info17 .image { padding-left: 0; padding-right: 0; }

.keypoint_page .gtut_keypoint_page_info18 { padding-left: 0; padding-right: 0; }

.keypoint_page .gtut_keypoint_page_info18 .image { padding-left: 0; padding-right: 0; }

.keypoint_page .gtut_keypoint_page_info19, .keypoint_page .gtut_keypoint_page_info20, .keypoint_page .gtut_keypoint_page_info21, .keypoint_page .gtut_keypoint_page_info22 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info19, .keypoint_page .gtut_keypoint_page_info20, .keypoint_page .gtut_keypoint_page_info21, .keypoint_page .gtut_keypoint_page_info22 { padding-top: 3rem; padding-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_info19 .content, .keypoint_page .gtut_keypoint_page_info20 .content, .keypoint_page .gtut_keypoint_page_info21 .content, .keypoint_page .gtut_keypoint_page_info22 .content { margin-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_info19 .bg_img_block, .keypoint_page .gtut_keypoint_page_info20 .bg_img_block, .keypoint_page .gtut_keypoint_page_info21 .bg_img_block, .keypoint_page .gtut_keypoint_page_info22 .bg_img_block { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; padding: 2rem; color: #FFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); height: 100%; }

.keypoint_page .gtut_keypoint_page_info19 .bg_img_block p, .keypoint_page .gtut_keypoint_page_info19 .bg_img_block h3, .keypoint_page .gtut_keypoint_page_info19 .bg_img_block h4, .keypoint_page .gtut_keypoint_page_info19 .bg_img_block h5, .keypoint_page .gtut_keypoint_page_info19 .bg_img_block h6, .keypoint_page .gtut_keypoint_page_info19 .bg_img_block ul, .keypoint_page .gtut_keypoint_page_info19 .bg_img_block li, .keypoint_page .gtut_keypoint_page_info19 .bg_img_block a, .keypoint_page .gtut_keypoint_page_info20 .bg_img_block p, .keypoint_page .gtut_keypoint_page_info20 .bg_img_block h3, .keypoint_page .gtut_keypoint_page_info20 .bg_img_block h4, .keypoint_page .gtut_keypoint_page_info20 .bg_img_block h5, .keypoint_page .gtut_keypoint_page_info20 .bg_img_block h6, .keypoint_page .gtut_keypoint_page_info20 .bg_img_block ul, .keypoint_page .gtut_keypoint_page_info20 .bg_img_block li, .keypoint_page .gtut_keypoint_page_info20 .bg_img_block a, .keypoint_page .gtut_keypoint_page_info21 .bg_img_block p, .keypoint_page .gtut_keypoint_page_info21 .bg_img_block h3, .keypoint_page .gtut_keypoint_page_info21 .bg_img_block h4, .keypoint_page .gtut_keypoint_page_info21 .bg_img_block h5, .keypoint_page .gtut_keypoint_page_info21 .bg_img_block h6, .keypoint_page .gtut_keypoint_page_info21 .bg_img_block ul, .keypoint_page .gtut_keypoint_page_info21 .bg_img_block li, .keypoint_page .gtut_keypoint_page_info21 .bg_img_block a, .keypoint_page .gtut_keypoint_page_info22 .bg_img_block p, .keypoint_page .gtut_keypoint_page_info22 .bg_img_block h3, .keypoint_page .gtut_keypoint_page_info22 .bg_img_block h4, .keypoint_page .gtut_keypoint_page_info22 .bg_img_block h5, .keypoint_page .gtut_keypoint_page_info22 .bg_img_block h6, .keypoint_page .gtut_keypoint_page_info22 .bg_img_block ul, .keypoint_page .gtut_keypoint_page_info22 .bg_img_block li, .keypoint_page .gtut_keypoint_page_info22 .bg_img_block a { color: #FFF; }

.keypoint_page .gtut_keypoint_page_info19 .overlay, .keypoint_page .gtut_keypoint_page_info20 .overlay, .keypoint_page .gtut_keypoint_page_info21 .overlay, .keypoint_page .gtut_keypoint_page_info22 .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 0; }

.keypoint_page .gtut_keypoint_page_info19 .block_content, .keypoint_page .gtut_keypoint_page_info20 .block_content, .keypoint_page .gtut_keypoint_page_info21 .block_content, .keypoint_page .gtut_keypoint_page_info22 .block_content { position: relative; z-index: 1; }

.keypoint_page .gtut_keypoint_page_info19 .block_content ul, .keypoint_page .gtut_keypoint_page_info20 .block_content ul, .keypoint_page .gtut_keypoint_page_info21 .block_content ul, .keypoint_page .gtut_keypoint_page_info22 .block_content ul { padding-left: 0; list-style: none; margin-bottom: 0; }

.keypoint_page .gtut_keypoint_page_info23, .keypoint_page .gtut_keypoint_page_info24 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info23, .keypoint_page .gtut_keypoint_page_info24 { padding-top: 3rem; padding-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_info23 .info_row, .keypoint_page .gtut_keypoint_page_info24 .info_row { display: flex; align-items: center; margin-top: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info23 .info_row, .keypoint_page .gtut_keypoint_page_info24 .info_row { margin-top: 3rem; }
  .keypoint_page .gtut_keypoint_page_info23 .info_row .image img, .keypoint_page .gtut_keypoint_page_info24 .info_row .image img { transform: scale(1.1) translateX(-15px); }
  .keypoint_page .gtut_keypoint_page_info23 .info_row .image.order-xl-1 img, .keypoint_page .gtut_keypoint_page_info24 .info_row .image.order-xl-1 img { transform: scale(1.1) translateX(15px); } }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_info23 .info_row .content, .keypoint_page .gtut_keypoint_page_info24 .info_row .content { padding: 2rem; margin-bottom: 2rem; } }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info23 .info_row .content, .keypoint_page .gtut_keypoint_page_info24 .info_row .content { padding: 4rem; position: relative; z-index: 1; } }

.keypoint_page .gtut_keypoint_page_info25 { padding-top: 2rem; margin-left: -1rem; margin-right: -1rem; width: calc(100% + 2rem); padding-left: 0; padding-right: 0; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info25 { padding-top: 3rem; } }

.keypoint_page .gtut_keypoint_page_info25 .content { margin-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; }

.keypoint_page .gtut_keypoint_page_info25 .image_item { padding: 0; }

.keypoint_page .gtut_keypoint_page_info25 .image { padding-bottom: 100%; position: relative; }

.keypoint_page .gtut_keypoint_page_info25 .bg_img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.keypoint_page .gtut_keypoint_page_info26 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info26 { padding-top: 3rem; padding-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_info26 .content { margin-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; }

.keypoint_page .gtut_keypoint_page_info26 .image_item { margin-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_info26 .image { height: 100%; padding-bottom: 100%; position: relative; }

.keypoint_page .gtut_keypoint_page_info26 .image.image_broad { padding-bottom: 50%; }

.keypoint_page .gtut_keypoint_page_info26 .bg_img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.keypoint_page .gtut_keypoint_page_info27 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info27 { padding-top: 3rem; padding-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_info27 .content { margin-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; }

.keypoint_page .gtut_keypoint_page_info27 .image_item { padding-left: 0.5rem; padding-right: 0.5rem; margin-bottom: 1rem; }

.keypoint_page .gtut_keypoint_page_info27 .image { height: 100%; padding-bottom: 100%; position: relative; }

.keypoint_page .gtut_keypoint_page_info27 .image.image_tall { padding-top: 100%; }

@media (max-width: 575px) { .keypoint_page .gtut_keypoint_page_info27 .image.image_tall { padding-top: 0; } }

.keypoint_page .gtut_keypoint_page_info27 .bg_img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.keypoint_page .gtut_keypoint_page_info28 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info28 { padding-top: 3rem; padding-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_info28 .content { margin-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; }

.keypoint_page .gtut_keypoint_page_info28 .image_item { padding-left: 0.5rem; padding-right: 0.5rem; margin-bottom: 1rem; }

.keypoint_page .gtut_keypoint_page_info28 .image { height: 100%; padding-bottom: 100%; position: relative; }

.keypoint_page .gtut_keypoint_page_info28 .image.image_broad { padding-bottom: 50%; }

.keypoint_page .gtut_keypoint_page_info28 .bg_img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.keypoint_page .gtut_keypoint_page_info29 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info29 { padding-top: 3rem; padding-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_info29 .content { margin-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; }

.keypoint_page .gtut_keypoint_page_info29 .image_item { padding-left: 0.5rem; padding-right: 0.5rem; margin-bottom: 1rem; }

.keypoint_page .gtut_keypoint_page_info29 .image { height: 100%; padding-bottom: 66%; position: relative; }

.keypoint_page .gtut_keypoint_page_info29 .image.image_broad { padding-bottom: 53%; }

.keypoint_page .gtut_keypoint_page_info29 .bg_img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.keypoint_page .gtut_keypoint_page_info30 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_info30 { padding-top: 3rem; padding-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_info30 .content { margin-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_info30 .image_item { margin-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; }

.keypoint_page .gtut_keypoint_page_info30 .image { padding-bottom: 100%; position: relative; }

.keypoint_page .gtut_keypoint_page_info30 .image.image_tall { padding-top: 108%; }

@media (min-width: 1200px) { .keypoint_page .gtut_keypoint_page_info30 .image.image_tall { padding-top: 106.6%; } }

.keypoint_page .gtut_keypoint_page_info30 .image.image_broad { padding-bottom: 50%; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_info30 .image.image_lg_broad { padding-top: 0; padding-bottom: 80%; } }

.keypoint_page .gtut_keypoint_page_info30 .bg_img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_page_slide01_slide { margin-top: 2rem; padding-bottom: 3rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_page_slide01_slide { margin-top: 3rem; } }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_page_slide01_slide { overflow: inherit; } }

.keypoint_page .gtut_keypoint_page_slide01 .swiper-wrapper { display: flex; align-items: flex-end; }

.keypoint_page .gtut_keypoint_page_slide01 .swiper-pagination-fraction { bottom: 0; width: 100%; color: #FFFF05; text-align: center; margin: 0 auto; }

.keypoint_page .gtut_keypoint_page_slide01 .swiper-slide { transition: 0.5s; display: flex; align-items: flex-end; }

.keypoint_page .gtut_keypoint_page_slide01 .swiper-slide .text { padding: 1rem; background: #FFF; }

.keypoint_page .gtut_keypoint_page_slide01 .swiper-slide .text h5 { margin-bottom: 0; }

.keypoint_page .gtut_keypoint_page_slide01 .swiper-slide .slide_inner { box-shadow: rgba(0, 0, 0, 0.16) 0 15px 30px 0; }

@media (min-width: 992px) and (max-width: 1280px) { .keypoint_page .gtut_keypoint_page_slide01 .swiper-slide:not(.swiper-slide-active) { padding: 0 40px; } }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_slide01 .swiper-slide:not(.swiper-slide-active) { padding: 0 80px; opacity: 0.3; } }

.keypoint_page .gtut_keypoint_page_slide01 .swiper-slide-active { opacity: 1; }

.keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_slide_btn { z-index: 2; width: 40%; height: 50px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_slide_btn { width: 100%; top: auto; bottom: -0.5rem; } }

.keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_slide_btn .swiper-button-prev, .keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_slide_btn .swiper-button-next { width: 50px; height: 50px; background-color: #FFFF05; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: 20px 24px; border-radius: 100%; display: block; }

.keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_slide_btn .swiper-button-prev { top: 0; left: 0; margin-top: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_slide_btn .swiper-button-next { right: 0; }

.keypoint_page .gtut_keypoint_page_slide02 > .row { display: flex; align-items: center; }

@media (min-width: 768px) { .keypoint_page .gtut_keypoint_page_slide02 { padding-bottom: 4rem; } }

.keypoint_page .gtut_keypoint_page_slide02 .content { margin-bottom: 3rem; }

.keypoint_page .gtut_keypoint_page_slide02 .image { text-align: center; }

.keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_slide_btn { z-index: 2; width: 100%; height: 50px; position: relative; padding-top: 4rem; top: 0rem; }

@media (min-width: 768px) { .keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_slide_btn { width: 115px; top: 2rem; padding-top: 2rem; } }

.keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_slide_btn .swiper-button-prev, .keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_slide_btn .swiper-button-next { width: 50px; height: 50px; background-color: #FFFF05; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: 20px 24px; border-radius: 100%; display: block; }

.keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_slide_btn .swiper-button-prev { top: 0; left: 0; margin-top: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_slide_btn .swiper-button-next { margin-top: 0; right: 0; top: 0; }

.keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_page_slide02_slide_01 h6 { margin-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_page_slide02_slide_01 .container { padding-left: 0; padding-right: 0; }

.keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_page_slide02_slide_01 .container .row { margin-left: 0; margin-right: 0; }

.keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_page_slide02_slide_01 .icon { padding-left: 0rem; padding-right: 0.5rem; margin-bottom: 1rem; }

.keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_page_slide02_slide_01 .icon_inner { padding: 1.25rem; border: 1px solid rgba(27, 50, 71, 0.4); text-align: center; }

.keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_page_slide02_slide_01 p { margin-top: 0.5rem; margin-bottom: 0; }

.keypoint_page .gtut_keypoint_page_slide03 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_slide03 { padding-top: 4rem; padding-bottom: 4rem; } }

.keypoint_page .gtut_keypoint_page_slide03 .content { padding-left: 0; padding-right: 0; padding-bottom: 2rem; }

@media (max-width: 767px) { .keypoint_page .gtut_keypoint_page_slide03 .content { padding-left: 1rem; padding-right: 1rem; } }

.keypoint_page .gtut_keypoint_page_slide03 .nav_wrap { padding-left: 0; padding-right: 0; }

.keypoint_page .gtut_keypoint_page_slide03 .nav.nav_tabs { width: 100%; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_slide03 .nav.nav_tabs { display: block; } }

.keypoint_page .gtut_keypoint_page_slide03 .nav-item { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; background-color: #FFFF05; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 2rem; cursor: pointer; transition: background 0.2s ease-out; }

.keypoint_page .gtut_keypoint_page_slide03 .nav-item:after { content: ''; position: absolute; display: inline-block; width: 30px; height: 30px; margin: auto; bottom: 0; top: 0; right: 45px; transform: rotate(45deg); background-color: transparent; z-index: -1; transition: 0.1s all ease-out; }

.keypoint_page .gtut_keypoint_page_slide03 .nav-item.active, .keypoint_page .gtut_keypoint_page_slide03 .nav-item:hover { background-color: #9F7D5A; }

.keypoint_page .gtut_keypoint_page_slide03 .nav-item.active:after, .keypoint_page .gtut_keypoint_page_slide03 .nav-item:hover:after { transform: rotate(45deg); background-color: #9F7D5A; right: -15px; z-index: 1; transition: 0.2s all ease-out 0.2s; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide03 .nav-item { flex: 0 0 33.3%; padding: 1.5rem; }
  .keypoint_page .gtut_keypoint_page_slide03 .nav-item:after { bottom: 0px; top: auto; right: auto; transform: rotate(45deg); margin: auto; transition: 0.1s all ease-out; }
  .keypoint_page .gtut_keypoint_page_slide03 .nav-item.active:after, .keypoint_page .gtut_keypoint_page_slide03 .nav-item:hover:after { transform: rotate(45deg); margin: auto; right: auto; top: auto; bottom: -15px; transition: 0.2s all ease-out 0.2s; } }

@media (max-width: 575px) { .keypoint_page .gtut_keypoint_page_slide03 .nav-item { padding: 1rem 1rem 1rem; } }

.keypoint_page .gtut_keypoint_page_slide03 .nav-item p { color: #FFF; }

.keypoint_page .gtut_keypoint_page_slide03 .nav-item .nav_inner { display: flex; align-items: center; justify-content: center; }

.keypoint_page .gtut_keypoint_page_slide03 .nav-item .nav_inner .nav_content { text-align: center; }

.keypoint_page .gtut_keypoint_page_slide03 .tab-content { min-height: 350px; background-color: #fff; padding: 4rem; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); height: 100%; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide03 .tab-content { padding: 3rem 2rem; } }

.keypoint_page .gtut_keypoint_page_slide04 { padding-left: 0; padding-right: 0; }

.keypoint_page .gtut_keypoint_page_slide04 .bg_img { height: 100%; width: 78%; position: absolute; bottom: 0; padding: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide04 .bg_img { width: 100%; } }

@media (max-width: 767px) { .keypoint_page .gtut_keypoint_page_slide04 .bg_img { background-size: cover; background-position: top center; height: 56%; bottom: auto; top: 0; } }

.keypoint_page .gtut_keypoint_page_slide04 .slide_side { padding: 4rem; background: #FFF; margin-top: 15rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_slide04 .slide_side { padding: 4rem 6rem; margin-top: 10rem; } }

@media (max-width: 767px) { .keypoint_page .gtut_keypoint_page_slide04 .slide_side { padding: 2rem 2rem; } }

.keypoint_page .gtut_keypoint_page_slide04 .slide_side .swiper { padding: 3rem 3rem 4rem 0rem; margin: 0; margin-right: auto; }

.keypoint_page .gtut_keypoint_page_slide04 .slide_side .swiper .slide_inner { display: flex; align-items: center; padding-right: 1rem; }

.keypoint_page .gtut_keypoint_page_slide04 .slide_side .swiper .slide_inner img { padding-right: 1rem; }

.keypoint_page .gtut_keypoint_page_slide04 .swiper-pagination-fraction { bottom: 0; width: 50px; text-align: left; color: #FFFF05; }

.keypoint_page .gtut_keypoint_page_slide04 .gtut_keypoint_slide_btn { position: absolute; bottom: 4rem; right: 0; width: 50px; }

.keypoint_page .gtut_keypoint_page_slide04 .gtut_keypoint_slide_btn .swiper-button-prev, .keypoint_page .gtut_keypoint_page_slide04 .gtut_keypoint_slide_btn .swiper-button-next { width: 50px; height: 50px; background-color: #FFFF05; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: 20px 24px; border-radius: 100%; position: relative; display: block; }

.keypoint_page .gtut_keypoint_page_slide04 .gtut_keypoint_slide_btn .swiper-button-prev { top: 0; left: 0; margin-top: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.keypoint_page .gtut_keypoint_page_slide04 .gtut_keypoint_slide_btn .swiper-button-next { right: 0; margin-top: 1rem; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide04 .gtut_keypoint_slide_btn { width: 120px; display: flex; bottom: 0; }
  .keypoint_page .gtut_keypoint_page_slide04 .gtut_keypoint_slide_btn .swiper-button-next { margin-top: 0rem; margin-left: 1rem; } }

.keypoint_page .gtut_keypoint_page_slide05 { position: relative; padding-top: 2rem; padding-bottom: 6rem; margin-left: -1rem; margin-right: -1rem; width: calc(100% + 2rem); }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_slide05 { padding-top: 4rem; padding-bottom: 8rem; } }

.keypoint_page .gtut_keypoint_page_slide05 .content { margin-bottom: 1.5rem; padding-left: 1rem; padding-right: 1rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_slide05 .content { margin-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_slide05 .swiper-slide .row { margin-left: 0; margin-right: 0; }

.keypoint_page .gtut_keypoint_page_slide05 .text { background: #FFF; padding: 1.5rem; display: flex; align-items: center; }

@media (min-width: 768px) { .keypoint_page .gtut_keypoint_page_slide05 .text { padding: 3rem; } }

.keypoint_page .gtut_keypoint_page_slide05 .image { padding: 0; }

.keypoint_page .gtut_keypoint_page_slide05 .image img { display: block; object-fit: cover; height: 100%; width: 100%; }

.keypoint_page .gtut_keypoint_page_slide05 .swiper-pagination-fraction { bottom: -4.5rem; width: 100%; text-align: center; color: #FFFF05; }

.keypoint_page .gtut_keypoint_page_slide05 .gtut_keypoint_slide_btn { z-index: 2; height: 50px; position: relative; margin: 0 auto; width: 115px; top: 2rem; padding-top: 2rem; }

.keypoint_page .gtut_keypoint_page_slide05 .gtut_keypoint_slide_btn .swiper-button-prev, .keypoint_page .gtut_keypoint_page_slide05 .gtut_keypoint_slide_btn .swiper-button-next { width: 50px; height: 50px; background-color: #FFFF05; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: 20px 24px; border-radius: 100%; display: block; }

.keypoint_page .gtut_keypoint_page_slide05 .gtut_keypoint_slide_btn .swiper-button-prev { top: 0; left: 0; margin-top: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.keypoint_page .gtut_keypoint_page_slide05 .gtut_keypoint_slide_btn .swiper-button-next { margin-top: 0; right: 0; top: 0; }

.keypoint_page .gtut_keypoint_page_slide06 { position: relative; padding-top: 2rem; padding-bottom: 0rem; margin-left: -1rem; margin-right: -1rem; width: calc(100% + 2rem); }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_slide06 { padding-top: 4rem; padding-bottom: 8rem; } }

.keypoint_page .gtut_keypoint_page_slide06 .bg_img { background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; width: 100%; height: 50%; top: 0; left: 0; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide06 .bg_img { height: 100%; } }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_slide06 .content { margin-bottom: 3rem; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide06 .content { padding-left: 2rem; padding-right: 2rem; } }

.keypoint_page .gtut_keypoint_page_slide06 .swiper-slide { transition: 1s; transform: scale(0.85); }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide06 .swiper-slide { transform: scale(1); } }

.keypoint_page .gtut_keypoint_page_slide06 .swiper-slide.swiper-slide-active { transform: scale(1); }

.keypoint_page .gtut_keypoint_page_slide06 .swiper-slide .row { margin-left: 0; margin-right: 0; }

.keypoint_page .gtut_keypoint_page_slide06 .text { background: #FFF; padding: 1rem; }

.keypoint_page .gtut_keypoint_page_slide06 .image { padding: 0; }

.keypoint_page .gtut_keypoint_page_slide06 .image img { display: block; object-fit: cover; height: 100%; width: 100%; }

.keypoint_page .gtut_keypoint_page_slide06 .item { padding: 1.5rem 1rem; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide06 .item { padding: 2rem; } }

.keypoint_page .gtut_keypoint_page_slide06 .card { box-shadow: 10px 15px 15px rgba(0, 0, 0, 0.26); }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_page_slide06_slide { height: 100%; padding-bottom: 5rem; } }

.keypoint_page .gtut_keypoint_page_slide06 .swiper-pagination-fraction { width: 100%; display: flex; justify-content: flex-end; padding-right: 5%; bottom: 0px; color: #FFFF05; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide06 .swiper-pagination-fraction { position: relative; justify-content: center; bottom: -4.5rem; padding-right: 0; } }

.keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_slide_btn { position: absolute; bottom: 4rem; width: 50px; }

.keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_slide_btn .swiper-button-prev, .keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_slide_btn .swiper-button-next { width: 50px; height: 50px; background-color: #FFFF05; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: 20px 24px; border-radius: 100%; position: relative; display: block; }

.keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_slide_btn .swiper-button-prev { top: 0; left: 0; margin-top: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_slide_btn .swiper-button-next { right: 0; margin-top: 1rem; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_slide_btn { position: relative; bottom: 6rem; height: 1rem; width: 7rem; margin: 0 auto; }
  .keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_slide_btn .swiper-button-prev, .keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_slide_btn .swiper-button-next { position: absolute; }
  .keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_slide_btn .swiper-button-next { margin-top: 0; top: 0; } }

.keypoint_page .gtut_keypoint_page_table01, .keypoint_page .gtut_keypoint_page_table02, .keypoint_page .gtut_keypoint_page_table03, .keypoint_page .gtut_keypoint_page_table04 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_table01, .keypoint_page .gtut_keypoint_page_table02, .keypoint_page .gtut_keypoint_page_table03, .keypoint_page .gtut_keypoint_page_table04 { padding-top: 4rem; padding-bottom: 4rem; } }

.keypoint_page .gtut_keypoint_page_table01 table, .keypoint_page .gtut_keypoint_page_table02 table, .keypoint_page .gtut_keypoint_page_table03 table, .keypoint_page .gtut_keypoint_page_table04 table { margin-top: 3rem; }

.keypoint_page .gtut_keypoint_page_table01 .table_center th, .keypoint_page .gtut_keypoint_page_table02 .table_center th, .keypoint_page .gtut_keypoint_page_table03 .table_center th, .keypoint_page .gtut_keypoint_page_table04 .table_center th { min-width: 120px; }

.keypoint_page .gtut_keypoint_page_table01 .table_center th, .keypoint_page .gtut_keypoint_page_table01 .table_center td, .keypoint_page .gtut_keypoint_page_table02 .table_center th, .keypoint_page .gtut_keypoint_page_table02 .table_center td, .keypoint_page .gtut_keypoint_page_table03 .table_center th, .keypoint_page .gtut_keypoint_page_table03 .table_center td, .keypoint_page .gtut_keypoint_page_table04 .table_center th, .keypoint_page .gtut_keypoint_page_table04 .table_center td { text-align: center; }

.keypoint_page .gtut_keypoint_page_table01 table { border: none; border-collapse: separate; border-spacing: 0 13px; }

.keypoint_page .gtut_keypoint_page_table01 table tr { border-bottom: 1px solid #ededed; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16); }

.keypoint_page .gtut_keypoint_page_table01 table td { border: none; padding: 1.12rem 1rem; vertical-align: middle; }

@media (max-width: 767px) { .keypoint_page .gtut_keypoint_page_table01 .table_mobile thead { display: none; }
  .keypoint_page .gtut_keypoint_page_table01 .table_mobile td { display: flex; justify-content: center; align-items: stretch; width: 100%; padding: 0; border-bottom: 1px solid #F5F5F5; }
  .keypoint_page .gtut_keypoint_page_table01 .table_mobile td:before { content: attr(data-th); display: flex; justify-content: center; align-items: center; width: 40%; background: #535353; color: #fff; padding: 1rem; font-size: 0.9rem; }
  .keypoint_page .gtut_keypoint_page_table01 .table_mobile .td_content { display: block; width: 60%; padding: 0.5rem 1rem; } }

.keypoint_page .gtut_keypoint_page_table03 table { border: 0; min-width: 600px; overflow-x: auto; }

.keypoint_page .gtut_keypoint_page_table03 table tr:nth-of-type(even) { border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; }

.keypoint_page .gtut_keypoint_page_table03 table th { background: transparent; color: #636363; border: 0; border-bottom: 3px solid #aaaaaa; }

.keypoint_page .gtut_keypoint_page_table03 table td { padding: 1.25rem 0.35rem; border: 0; }

.keypoint_page .gtut_keypoint_page_table04 .table td, .keypoint_page .gtut_keypoint_page_table04 .table th { vertical-align: middle; }

.keypoint_page .gtut_keypoint_page_table04 .table th:nth-child(2n) { background: #D9AD5F; }

.keypoint_page .gtut_keypoint_page_table04 .table td:nth-child(2n) { background: rgba(217, 173, 95, 0.5); }

.keypoint_page .gtut_keypoint_page_table04 .table img { margin-right: 1rem; display: inline-block; }

.keypoint_page .gtut_keypoint_page_table04 .table p { margin-bottom: 0; }

.keypoint_page .gtut_keypoint_page_advantage01 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_advantage01 { padding-top: 4rem; padding-bottom: 4rem; } }

.keypoint_page .gtut_keypoint_page_advantage01 .icon_wrap { margin-top: 1.5rem; }

.keypoint_page .gtut_keypoint_page_advantage01 .icon_wrap .row { margin-left: -10px; margin-right: -10px; }

.keypoint_page .gtut_keypoint_page_advantage01 .icon_wrap .col-12 { padding-left: 10px; padding-right: 10px; }

.keypoint_page .gtut_keypoint_page_advantage01 .icon { padding: 1.5rem 1.5rem; text-align: center; margin-bottom: 1.5rem; box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.16); }

.keypoint_page .gtut_keypoint_page_advantage01 .icon p { font-weight: bold; margin-top: 0.5rem; margin-bottom: 0; }

.keypoint_page .gtut_keypoint_page_advantage02 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_advantage02 { padding-top: 4rem; padding-bottom: 4rem; } }

.keypoint_page .gtut_keypoint_page_advantage02 .icon_wrap { margin-top: 1.5rem; }

.keypoint_page .gtut_keypoint_page_advantage02 .icon_wrap .row { margin-left: -10px; margin-right: -10px; }

.keypoint_page .gtut_keypoint_page_advantage02 .icon_wrap .col-6 { padding-left: 10px; padding-right: 10px; }

.keypoint_page .gtut_keypoint_page_advantage02 .icon { padding: 1.5rem 1.5rem; text-align: center; margin-bottom: 1.5rem; box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.16); }

.keypoint_page .gtut_keypoint_page_advantage02 .icon p { font-weight: bold; margin-top: 0.5rem; margin-bottom: 0; }

.keypoint_page .gtut_keypoint_page_advantage03 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_advantage03 { padding-top: 4rem; padding-bottom: 4rem; } }

.keypoint_page .gtut_keypoint_page_advantage03 .image { margin-top: 2rem; }

.keypoint_page .gtut_keypoint_page_advantage03 .image .desk_img { display: none; }

.keypoint_page .gtut_keypoint_page_advantage03 .image .mobile_img { display: block; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_advantage03 .image { margin-top: 3rem; }
  .keypoint_page .gtut_keypoint_page_advantage03 .image .desk_img { display: block; }
  .keypoint_page .gtut_keypoint_page_advantage03 .image .mobile_img { display: none; } }

.keypoint_page .gtut_keypoint_page_advantage04 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_advantage04 { padding-top: 4rem; padding-bottom: 4rem; } }

.keypoint_page .gtut_keypoint_page_advantage04 .icon_wrap { margin-top: 1.5rem; }

.keypoint_page .gtut_keypoint_page_advantage04 .icon_wrap .row { margin-left: -10px; margin-right: -10px; }

.keypoint_page .gtut_keypoint_page_advantage04 .icon_wrap .col-6 { padding-left: 10px; padding-right: 10px; }

.keypoint_page .gtut_keypoint_page_advantage04 .icon { padding: 1rem 1.5rem; text-align: center; margin-bottom: 1.5rem; }

.keypoint_page .gtut_keypoint_page_advantage04 .icon p { font-weight: bold; margin-top: 0.5rem; margin-bottom: 0; }

@media (max-width: 767px) { .keypoint_page .gtut_keypoint_page_advantage04 .icon { display: flex; justify-content: center; align-items: center; padding: 0.75rem; }
  .keypoint_page .gtut_keypoint_page_advantage04 .icon p { max-width: 80%; flex: 0 0 80%; }
  .keypoint_page .gtut_keypoint_page_advantage04 .icon img { max-width: 20%; flex: 0 0 20%; } }

@media (max-width: 575px) { .keypoint_page .gtut_keypoint_page_advantage04 .icon { margin-bottom: 0.5rem; padding: 0.5rem; }
  .keypoint_page .gtut_keypoint_page_advantage04 .icon p { max-width: fit-content; flex: 1 0 80%; text-align: left; }
  .keypoint_page .gtut_keypoint_page_advantage04 .icon img { flex: 0 1 20%; padding-right: 0.5rem; } }

.keypoint_page .gtut_keypoint_page_advantage05 { position: relative; padding-left: 0; padding-right: 0; padding-top: 3rem; padding-bottom: 3rem; margin-left: -15px; margin-right: -15px; width: calc(100% + 2rem); }

.keypoint_page .gtut_keypoint_page_advantage05 .bg { position: absolute; width: 100%; height: 60%; top: 0; left: 0; }

.keypoint_page .gtut_keypoint_page_advantage05 .content_wrap { background: #FFF; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.16); padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_advantage05 .content_wrap { padding-top: 3rem; padding-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_advantage05 .content_wrap .container-fluid { max-width: 1366px; }

.keypoint_page .gtut_keypoint_page_advantage05 .content { position: relative; text-align: center; padding-left: 3rem; }

.keypoint_page .gtut_keypoint_page_advantage05 .content:after { content: ''; display: block; border-right: 1px solid #f3f3f3; width: 0; height: 100%; position: absolute; top: 0; right: -16%; }

.keypoint_page .gtut_keypoint_page_advantage05 .content img { margin-bottom: 1rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_advantage05 .content { text-align: right; } }

.keypoint_page .gtut_keypoint_page_advantage05 .icon { text-align: center; }

.keypoint_page .gtut_keypoint_page_advantage05 .icon img { margin-bottom: 0.5rem; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_advantage05 .icon { margin-bottom: 1rem; } }

.keypoint_page .gtut_keypoint_page_advantage06 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_advantage06 { padding-top: 4rem; padding-bottom: 4rem; } }

.keypoint_page .gtut_keypoint_page_advantage06 .content { text-align: center; margin-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_advantage06 .btn_group { text-align: center; margin-top: 3rem; }

.keypoint_page .gtut_keypoint_page_advantage06 .card { background: #fff; padding: 0rem; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.16); }

.keypoint_page .gtut_keypoint_page_advantage06 .card .card_content { padding: 1.5rem; }

.keypoint_page .gtut_keypoint_page_advantage06 .card .card_content h5 { margin-bottom: 1rem; }

@media (max-width: 767px) { .keypoint_page .gtut_keypoint_page_advantage06 .card { margin-bottom: 1rem; } }

.keypoint_page .gtut_keypoint_page_advantage07 { position: relative; padding-left: 0; padding-right: 0; padding-top: 2rem; padding-bottom: 2rem; margin-left: -15px; margin-right: -15px; width: calc(100% + 2rem); }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_advantage07 .content { margin-top: 1rem; } }

@media (max-width: 575px) { .keypoint_page .gtut_keypoint_page_advantage07 .title { text-align: center; }
  .keypoint_page .gtut_keypoint_page_advantage07 .image { text-align: center; margin-bottom: 1rem; } }

.keypoint_page .gtut_keypoint_page_service01 .item, .keypoint_page .gtut_keypoint_page_service02 .item { position: relative; }

.keypoint_page .gtut_keypoint_page_service01 .item:before, .keypoint_page .gtut_keypoint_page_service02 .item:before { content: ""; display: inline-block; position: absolute; margin: auto; top: 0; right: -15px; bottom: 0; background-position: center center; background-repeat: no-repeat; width: 23px; height: 23px; background-color: #FFFF05; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: 17px 12px; border-radius: 100%; }

.keypoint_page .gtut_keypoint_page_service01 .item:last-child::before, .keypoint_page .gtut_keypoint_page_service02 .item:last-child::before { display: none; }

.keypoint_page .gtut_keypoint_page_service01 .image, .keypoint_page .gtut_keypoint_page_service02 .image { margin-bottom: 1rem; }

.keypoint_page .gtut_keypoint_page_service01 .col-xl-5-1 { margin-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_service01 .col-xl-5-1 { flex: 0 0 20%; max-width: 20%; } }

.keypoint_page .gtut_keypoint_page_service01 .item { position: relative; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_service01 .item:before { top: 24%; bottom: inherit; } }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_service01 .item:nth-child(even)::before { display: none; } }

.keypoint_page .gtut_keypoint_page_service01 .item .image { text-align: center; }

.keypoint_page .gtut_keypoint_page_service02 .item { margin-bottom: 2rem; padding: 0 1.3rem; }

.keypoint_page .gtut_keypoint_page_service02 .item:before { right: -10px; }

@media (max-width: 767px) { .keypoint_page .gtut_keypoint_page_service02 .item { margin-bottom: 2.8rem; }
  .keypoint_page .gtut_keypoint_page_service02 .item:before { right: 50%; bottom: -24px; top: auto; transform: rotate(90deg); } }

.keypoint_page .gtut_keypoint_page_service02 .item .image { text-align: center; }

.keypoint_page .gtut_keypoint_page_service03 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_service03 { padding-top: 4rem; padding-bottom: 4rem; } }

.keypoint_page .gtut_keypoint_page_service03 .col-xl-5-1 { margin-bottom: 4rem; }

@media (min-width: 1200px) { .keypoint_page .gtut_keypoint_page_service03 .col-xl-5-1 { flex: 0 0 20%; max-width: 20%; } }

.keypoint_page .gtut_keypoint_page_service03 .item_wrap { margin-top: 3rem; }

.keypoint_page .gtut_keypoint_page_service03 .item { padding: 15px; background-color: #FBFBFB; border: 1px solid #CCCCCC; height: 100%; text-align: center; }

.keypoint_page .gtut_keypoint_page_service03 .label { clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0); margin: auto; padding: 20px 0 30px; margin-top: -50px; margin-bottom: 15px; max-width: 128px; }

.keypoint_page .gtut_keypoint_page_service03 .label .step { font-weight: bold; }

.keypoint_page .gtut_keypoint_page_service03 .label .num { font-size: 3.2rem; line-height: 1.2; font-weight: bold; }

.keypoint_page .gtut_keypoint_page_logo01 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_logo01 { padding-top: 3rem; padding-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_logo01 .content { margin-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_logo01 .item { margin-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_logo02 { margin-left: -15px; margin-right: -15px; width: calc(100% + 2rem); padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_logo02 { padding-top: 3rem; padding-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_logo02 #marquee_logo { padding: 30px 0; width: 100%; height: 25vh; position: relative; z-index: 2; display: flex; align-items: center; overflow: hidden; width: calc(100% + 2rem); margin-left: -15px; margin-right: -15px; }

@media screen and (max-width: 576px) { .keypoint_page .gtut_keypoint_page_logo02 #marquee_logo { height: 30vh; } }

.keypoint_page .gtut_keypoint_page_logo02 #marquee_logo .marquee_text_group { color: #f7f7f7; position: absolute; left: -100%; z-index: -1; font-size: 200px; font-family: "Philosopher", sans-serif; font-style: italic; white-space: nowrap; font-size: 0; }

.keypoint_page .gtut_keypoint_page_logo02 #marquee_logo .marquee_text_group span { display: inline-block; font-size: 200px; }

.keypoint_page .gtut_keypoint_page_logo02 #marquee_logo .marquee_logo_group { position: absolute; white-space: nowrap; left: 0; }

.keypoint_page .gtut_keypoint_page_logo02 #marquee_logo .marquee_logo_group .logo_group { display: inline; white-space: nowrap; }

.keypoint_page .gtut_keypoint_page_logo02 #marquee_logo .marquee_logo_group span { display: inline-block; padding: 0 30px; }

.keypoint_page .gtut_keypoint_page_logo03 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_logo03 { padding-top: 3rem; padding-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_logo03 .content { margin-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_logo03 .item_wrap { margin-top: 6rem; }

.keypoint_page .gtut_keypoint_page_logo03 .item { margin-bottom: 6rem; }

.keypoint_page .gtut_keypoint_page_logo03 .item_inner { box-shadow: none; border: 1px solid #DDDDDD; padding: 2rem 2rem; background: #fff; }

.keypoint_page .gtut_keypoint_page_logo03 .image { text-align: center; height: 4.125rem; width: 100%; }

.keypoint_page .gtut_keypoint_page_logo03 .image img { position: absolute; top: -4.5rem; left: 2.25rem; width: 13.75rem; background-color: #fff; }

.keypoint_page .gtut_keypoint_page_logo03 .image:after { content: ""; display: block; border: 1px solid #FFFF05; width: 2.7rem; position: absolute; top: 5.6rem; }

.keypoint_page .gtut_keypoint_page_logo03 .btn_group { margin-top: 1.5rem; }

.keypoint_page .gtut_keypoint_page_video01, .keypoint_page .gtut_keypoint_page_video02, .keypoint_page .gtut_keypoint_page_video03 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_video01, .keypoint_page .gtut_keypoint_page_video02, .keypoint_page .gtut_keypoint_page_video03 { padding-top: 3rem; padding-bottom: 3rem; } }

.keypoint_page .gtut_keypoint_page_video01 .image, .keypoint_page .gtut_keypoint_page_video02 .image, .keypoint_page .gtut_keypoint_page_video03 .image { position: relative; cursor: pointer; }

.keypoint_page .gtut_keypoint_page_video01 .image:after, .keypoint_page .gtut_keypoint_page_video02 .image:after, .keypoint_page .gtut_keypoint_page_video03 .image:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.45); pointer-events: none; transition: 0.3s ease; }

.keypoint_page .gtut_keypoint_page_video01 .image:hover:after, .keypoint_page .gtut_keypoint_page_video02 .image:hover:after, .keypoint_page .gtut_keypoint_page_video03 .image:hover:after { width: 0%; }

.keypoint_page .gtut_keypoint_page_video01 .video_btn, .keypoint_page .gtut_keypoint_page_video02 .video_btn, .keypoint_page .gtut_keypoint_page_video03 .video_btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 5; animation: illuminate ease-out 2.2s infinite; pointer-events: none; width: 100px; height: 100px; background-image: url(../images/slide_play_btn.png); background-repeat: no-repeat; background-size: contain; }

.keypoint_page .gtut_keypoint_page_video01 .content { margin-bottom: 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_video01 .item_wrap { margin-left: -0.5rem; margin-right: -0.5rem; } }

.keypoint_page .gtut_keypoint_page_video01 .item { margin-bottom: 1rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_video01 .item { padding-left: 0.5rem; padding-right: 0.5rem; } }

.keypoint_page .gtut_keypoint_page_video01 .text { text-align: center; padding: 0.5rem 1rem; }

.keypoint_page .gtut_keypoint_page_video01 .text h5 { margin-bottom: 0; }

.keypoint_page .gtut_keypoint_page_video02 .item_wrap { margin-top: 2rem; }

.keypoint_page .gtut_keypoint_page_video02 .item_list { margin-top: 1rem; }

@media (min-width: 768px) { .keypoint_page .gtut_keypoint_page_video02 .item_list { height: 100%; display: flex; align-content: space-between; margin-top: 0; } }

.keypoint_page .gtut_keypoint_page_video02 .item_list .thumb_image { cursor: pointer; border: 3px solid transparent; }

.keypoint_page .gtut_keypoint_page_video02 .item_list .thumb_image.active { border: 3px solid #FFFF05; }

.keypoint_page .gtut_keypoint_page_video03 { position: relative; margin-left: -15px; margin-right: -15px; width: calc(100% + 2rem); padding-bottom: 3rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_video03 { padding-bottom: 6rem; } }

.keypoint_page .gtut_keypoint_page_video03 .content { margin-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_video03 .bg_img { background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; width: 100%; height: 60%; bottom: 0; left: 0; }

.keypoint_page .gtut_keypoint_page_form01 { padding-top: 4rem; padding-bottom: 4rem; width: calc(100% + 2rem); margin-left: -15px; margin-right: -15px; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_form01 { padding-top: 6rem; padding-bottom: 6rem; } }

.keypoint_page .gtut_keypoint_page_form01 .gtut_keypoint_page_form01_content { background: #FFF; padding: 3rem 2rem; }

@media (min-width: 992px) { .keypoint_page .gtut_keypoint_page_form01 .gtut_keypoint_page_form01_content { padding: 4rem; } }

.keypoint_page .gtut_keypoint_page_form01 .title { margin-bottom: 2rem; }

.keypoint_page .gtut_keypoint_page_form01 .image { margin-bottom: 2rem; text-align: center; }

@media (max-width: 991px) { .keypoint_page .gtut_keypoint_page_form01 .image img { width: 100%; } }

.keypoint_page .gtut_keypoint_page_form01 .btn { margin-top: 1.5rem; }

.video_box { background: rgba(0, 0, 0, 0.85); overflow-y: hidden !important; max-width: 100%; width: 100%; min-height: 100vh; position: fixed; top: 0; left: 0; z-index: 9050; display: none; }

.video_box.show { display: flex; justify-content: center; align-items: center; }

.video_box .modal-body { max-width: 76%; margin: 0 auto; margin-top: 3rem; }

.video_box .modal-body .swiper-wrapper { padding-bottom: 3rem; }

@media (max-width: 1199px) { .video_box .modal-body { margin-top: 0; } }

@media (max-width: 575px) { .video_box .modal-body { max-width: 95%; } }

.video_box .close { color: #fff; font-size: 3rem; margin-bottom: 1.2rem; opacity: 1; right: -60px; top: -40px; width: 50px; height: 50px; cursor: pointer; position: absolute; background-image: url(../images/close.svg); background-repeat: no-repeat; background-size: contain; }

@media (max-width: 575px) { .video_box .close { right: 15px; top: -48px; } }

/*------------------------------
	Button Styles
------------------------------*/
button:focus { outline: none; }
/*-----index看更多按鈕顏色-----*/
.btn { color: #fff; box-shadow: none; display: inline-block; padding: 5px 30px; text-shadow: none; transition: all 0.4s ease 0s; border-radius: 0; background: #000000; border-color: #000000; }
/*-----index看更多按鈕觸發顏色-----*/
.btn:hover, .btn:focus, .btn:active { background: #007500; color: #fff; border-color: #007500; }

.btn-default { color: #636363 !important; }

.btn-default:hover, .btn-default:focus { color: #FFFF05 !important; }
/*-----服務項目-看更多按鈕顏色-----*/
.btn-primary { font-size: 14px; border-radius: 0; color: #fff; padding: 7px 30px; background: #000000; border-color: #000000; }
/*-----服務項目-看更多按鈕觸發顏色-----*/
.btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #007500; border-color: #007500; }

.btn.btn-secondary { font-size: 14px; border-radius: 0; padding: 7px 30px; background-color: #ebebeb; color: #333; border-color: #ebebeb; font-size: 14px; }

.btn.btn-secondary:hover, .btn.btn-secondary:focus { color: #fff; background-color: #9F7D5A; border-color: #9F7D5A; }

.btn.btn-light { font-size: 14px; color: #FFFF05; background-color: #f3f3f3; border-color: #FFFF05; }

.btn.btn-light:hover, .btn.btn-light:focus { color: #fff; background-color: #9F7D5A; border-color: #9F7D5A; }

.btn-success { color: #fff; background-color: #28a745; border-color: #28a745; }

.btn-success:hover { color: #fff; background-color: #19692c; border-color: #145523; }

.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }

.btn-info:hover { color: #fff; background-color: #0f6674; border-color: #0f6674; }

.btn-warning { color: #FFFF05; background-color: #ffc107; border-color: #ffc107; }

.btn-warning:hover { color: #FFFF05; background-color: #ba8b00; border-color: #ba8b00; }

.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-danger:hover { color: #fff; background-color: #a71d2a; border-color: #a71d2a; }

.shopbtn { color: #2e2e2e; font-size: 14px; font-weight: 600; position: relative; text-transform: uppercase; position: relative; padding-right: 51px; left: 0; display: inline-flex; align-items: center; transition: all 0.3s ease; }

.shopbtn::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #2e2e2e; display: inline-block; position: absolute; right: 0; }

.shopbtn::after { content: ""; display: inline-block; height: 1px; margin: 0; width: 44px; background: #2e2e2e; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.shopbtn:hover { transition: all 300ms ease-in 0s; color: #9F7D5A; left: 10px; }

.shopbtn:hover::before { border-color: transparent transparent transparent #9F7D5A; }

.shopbtn:hover::after { background: #9F7D5A; }

.color__turquoise .shopbtn:hover { color: #2e2e2e; }

.color__turquoise .shopbtn:hover::after { background-position: 100% 50%; }

.wnro__btn { position: relative; z-index: 9 !important; }

@media (max-width: 575px) { .dropdown-mtb { min-width: 150px; } }

.dropdown-mtb .btn.btn-select { background: #fff; color: #FFFF05; min-width: 300px; text-align-last: left; }

@media (max-width: 575px) { .dropdown-mtb .btn.btn-select { min-width: auto; width: 100%; } }

.dropdown-mtb .btn.btn-select:after { float: right; position: relative; top: 11px; }

.dropdown-mtb .dropdown-menu { max-width: 300px; width: 100%; }

@media (max-width: 575px) { .mops_btn { margin-top: 1rem; display: block; width: 250px; margin-left: auto; } }

@media (min-width: 576px) { .mops_btn { margin-top: 0; margin-left: 1rem; } }

.banner { margin-top: 20px; }

.help { cursor: help; }

.logo a { padding: 3px 0; }

.nav-menu nav .meninmenu > li > a { padding-bottom: 2rem; padding-top: 2rem; }

.nav-menu nav .meninmenu > li:last-child a { padding-right: 15px; }

.open { color: #97a0a9; }

@media (max-width: 575px) { #nav-logo { max-width: calc(100% - 90px); } }

.mainmenu__nav .meninmenu > li > a { position: relative; }

.mainmenu__nav .meninmenu > li > a:after { content: ""; position: absolute; background-image: url("/storage/system/index/menu-img.png"); width: 26px; height: 26px; left: calc(50% - 12px); background-repeat: no-repeat; transition: all 0.4s ease 0s; opacity: 0; bottom: 0px; }

.mainmenu__nav .meninmenu > li > a:active::after, .mainmenu__nav .meninmenu > li > a:hover::after, .mainmenu__nav .meninmenu > li > a:focus::after { background-position-y: bottom; opacity: 1; bottom: 0px; }

.text-white-hover { color: #FFFF05; }

.text-white-hover:hover, .text-white-hover:focus { color: #fff; }

.table-secondary, .table-secondary > td, .table-secondary > th { background: #f3f3f3; }
/*-----以下價格會有浮動情形.機車停放位置-----*/
.post_content h4, .txtNormal h4, .description h4 { position: relative; font-size: 26px; line-height: 1.4; font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; color: #1B3247; font-weight: 700; letter-spacing: 0.1vw; margin-bottom: 10px; margin-left: 30px; }

.post_content h4::before, .txtNormal h4::before, .description h4::before { content: ""; position: absolute; background-image: url("/storage/system/index/menu-img.png"); width: 26px; height: 26px; left: -28px; bottom: 6px; }
/*-----服務項目細項標題底色-----*/
.post_content h5, .txtNormal h5, .description h5 { font-size: 18px; font-weight: 500; color: #ffffff; line-height: 1.4; margin-bottom: 10px; background-color: #1B3247; padding: 6px 15px; }

.post_content h6, .txtNormal h6, .description h6 { font-size: 16px; color: #9F7D5A; line-height: 1.4; letter-spacing: 0.1vh; padding: 4px 5px 0px; font-weight: normal; display: inline-block; margin-bottom: 10px; border-left: 7px solid; }

.post_content p, .txtNormal p, .description p { margin-bottom: 10px; }

.post_content ul, .txtNormal ul, .description ul { padding-left: 25px; list-style: disc; margin-bottom: 30px; }

.post_content ol, .txtNormal ol, .description ol { padding-left: 25px; margin-bottom: 30px; }

.post_content li, .txtNormal li, .description li { font-size: 15px; }

table { border: solid #f3f3f3 thin; width: auto; }

table thead th { background: #FFFF05; color: #fff; }

table th, table td { padding: 6px 10px; border: 1px solid #f3f3f3; }

table tbody tr:nth-child(odd) { background: #f8f8f8; }

.h-in-gtuttable th { background: #FFFF05; color: #fff; }

.h-in-gtuttable tr:nth-child(odd) { background: #f8f8f8; }

.rl-in-gtuttable th { background: #FFFF05; color: #fff; width: 200px; }

.rl-in-gtuttable tr:nth-child(odd) { background: #f8f8f8; }

.in-gtutbox { margin-bottom: 15px; }

#mainbanner { position: relative; }

#mainbanner .contentbox { color: #fff; }

#mainbanner p { font-size: 14px; letter-spacing: 0.1em; line-height: 24px; }

/* 滑下時選單特效 */
.signin { text-align: left; }

.signin label { display: none; }

@media (max-width: 1024px) { .mainmenu__nav .meninmenu li a { padding-left: 7px; padding-right: 7px; } }

.section-padding--lg { padding: 20px 0 80px; }

@media (max-width: 767px) { .section-padding--lg { padding: 70px 0; } }

.page-about, .page-blog, .wn_contact_area { padding: 100px 0 80px; }

@media (max-width: 1199px) and (min-width: 992px) { .page-blog .version_photo_12 .photo-3 .content { position: relative; left: initial; transform: translateY(0px); right: 0; } }

@media (max-width: 1199px) and (min-width: 992px) { .page-blog .version_photo_12 .photo-3 .thumb { top: initial; } }

.banner--10 .content { top: 40%; }
/*-----index關於兄弟維修.關於兄弟維修字體顏色-----*/
.banner--10 .content h4 { color: #FF5809; font-size: 42px; padding: 10px 0 20px; letter-spacing: 0.2rem; }

.description { color: #636363; letter-spacing: 0.1rem; line-height: 170%; }

.banner--10 .content a { color: #f8f7f7; }

@media (max-width: 767px) { .img_none { opacity: 0; } }

.version_photo_01 { background: url("/storage/system/index/service-bg.png") top; background-size: cover; padding: 15vh 0; }

@media (max-width: 551px) { .version_photo_01 { padding: 7vh 0; } }

.owl-item { padding: 5px; }

.owl-item h4 { background-color: #000000; padding: 10px; color: #ffffff; font-size: 18px; font-weight: 400; text-align: center; }
/*-----index下方服務項目按鈕觸發顏色-----*/
.owl-item h4:hover { background-color: #007500; }

.text-set { font-size: 42px; color: #384857; text-align: center; padding: 3vh 0; letter-spacing: 0.2rem; }

.icon_Community { bottom: 28px !important; }

.icon_Community a.js-btn-icon_Community { background: #384857 !important; }
/*-----右下服務電話ICON底色-----*/
.bg_iconPhone { background: #FF5809 !important; }

.bg_parking { background: #0082D8 !important; }
/*-----右下回到頂端ICON底色-----*/
a#scrollUp { background-color: #007500; }

@media (max-width: 575px) { .banner_col { margin-top: 80px; } }

.footer__address ul li > span { color: #CBCBCB; }

#wn__footer { background: url("/storage/system/index/ft_bg.jpg") center; background-size: cover; border-top: 3px solid #000000; }

.copyright__wrapper { background: none; }

.footer-static-top { padding: 90px 0 30px; }

.version_footer_02 .footer__address { margin: 0 60px; }

.list-group-item { color: #CBCBCB; text-align: center; }

.accordion .card-title a { font-size: 16px; line-height: 24px; letter-spacing: 0.1rem; }

.accordion .card-body { background: #efefef; margin-top: 0; }

.row-in-gtutblock .in-gtutblock { font-size: 16px; font-weight: 700; }

.card-heading { margin-left: -30px; }

/*GDPR顏色*/
@media screen and (min-width: 768px) and (max-width: 991px) { #tarteaucitron { border: 0 !important; left: 0 !important; margin: 0 5% !important; max-height: 80% !important; width: 90% !important; } }

/*** Common value */
#tarteaucitron * { zoom: 1; }

#tarteaucitron .clear { clear: both; }

#tarteaucitron a { color: #424242; font-size: 11px; font-weight: 700; text-decoration: none; }

#tarteaucitronAlertBig a, #tarteaucitronAlertSmall a { color: #fff; }

#tarteaucitron b { font-size: 22px; font-weight: 500; }

/*** Root div added just before </body> */
#tarteaucitronRoot { left: 0; position: absolute; right: 0; top: 0; width: 100%; }

#tarteaucitronRoot * { box-sizing: initial; vertical-align: initial; }

/*** Control panel */
#tarteaucitronBack { background: #fff; display: none; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 2147483646; }

#tarteaucitron { display: none; max-height: 80%; left: 50%; margin: 0 auto 0 -430px; padding: 0; position: fixed; top: 6%; width: 860px; z-index: 2147483647; }

#tarteaucitron .tarteaucitronBorder { background: #fff; border: 2px solid #333; border-top: 0; height: auto; overflow: auto; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel { background: #333333; color: #fff; cursor: pointer; font-size: 12px; font-weight: 700; text-decoration: none; padding: 4px 0; position: absolute; right: 0; text-align: center; width: 70px; }

#tarteaucitron #tarteaucitronDisclaimer { color: #555; font-size: 12px; margin: 15px auto 0; width: 80%; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronHidden { background: rgba(51, 51, 51, 0.07); }

#tarteaucitron #tarteaucitronServices .tarteaucitronHidden { display: none; position: relative; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle, #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails { background: #333; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; margin: 20px 0px 0px; padding: 5px 20px; text-align: left; width: auto; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a { color: #fff; font-weight: 500; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover { text-decoration: none !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a { font-size: 22px; }

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a { font-size: 14px; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle { padding: 5px 10px; }

#tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails { color: #fff; display: none; font-size: 12px; font-weight: 500; margin-top: 0; max-width: 270px; padding: 20px; position: absolute; z-index: 2147483647; }

#tarteaucitron #tarteaucitronInfo a { color: #fff; text-decoration: underline; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover { background: rgba(51, 51, 51, 0.2); }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine { background: rgba(51, 51, 51, 0.1); border-left: 5px solid #FFFF05 !important; margin: 0; overflow: hidden; padding: 15px 5px; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine { background: #333; border: 3px solid #333; border-left: 9px solid #333; border-top: 5px solid #333; margin-bottom: 0; margin-top: 21px; position: relative; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover { background: #333; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName { margin-left: 15px; margin-top: 2px; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName b { color: #fff; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk { margin-top: 0px !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName { display: inline-block; float: left; margin-left: 10px; text-align: left; width: 50%; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover { text-decoration: underline; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk { display: inline-block; float: right; margin: 7px 15px 0; text-align: right; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow { background: gray; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; width: auto; }

/* #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow { background: $btn-primary !important; color: $btn-primary-icon; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny { background: $btn-secondary; color: $btn-secondary-icon; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:focus { background: $btn-primary-hover; color: $btn-primary-icon-hover; } .tarteaucitronDeny[style="background-color: rgb(156, 26, 26);"] { background: $btn-primary-hover !important; color: $btn-primary-icon-hover !important; } */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies { color: #333; font-size: 12px; }

/*** Big alert */
.tarteaucitronAlertBigTop { top: 0; }

.tarteaucitronAlertBigBottom { bottom: 0; }

#tarteaucitronAlertBig { background: #201f29; color: #fff; display: none; left: 0; padding: 5px 5%; position: fixed; text-align: center; width: 90%; box-sizing: content-box; z-index: 2147483645; }

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b { font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; font-size: 15px !important; }

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b { font-weight: 700; }

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { background: #1b870b; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; padding: 5px 10px; text-decoration: none; margin-left: 7px; }

#tarteaucitronAlertBig #tarteaucitronCloseAlert { background: #fff; color: #333; font-size: 13px; margin-bottom: 3px; margin-left: 7px; padding: 4px 10px; }

#tarteaucitronPercentage { background: #1b870b; box-shadow: 0 0 2px #fff, 0 1px 2px #555; height: 5px; left: 0; position: fixed; width: 0; z-index: 2147483644; }

/*** Small alert */
#tarteaucitronAlertSmall { background: rgba(160, 159, 159, 0.85); bottom: 0; display: none; padding: 0; position: fixed; left: 0; text-align: center; width: auto; z-index: 2147483646; }

#tarteaucitronAlertSmall #tarteaucitronManager { color: #fff; cursor: pointer; display: inline-block; font-size: 11px !important; padding: 8px 10px 8px; }

#tarteaucitronAlertSmall #tarteaucitronManager:hover { background: rgba(255, 255, 255, 0.05); }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot { background-color: gray; border-radius: 5px; display: block; height: 8px; margin-bottom: 1px; margin-top: 5px; overflow: hidden; width: 100%; }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed { display: block; float: left; height: 100%; width: 0%; }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen { background-color: #fff; }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow { background-color: #FBDA26; }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed { background-color: #9C1A1A; }

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber { background: rgba(255, 255, 255, 0.2); color: #fff; cursor: pointer; display: inline-block; font-size: 30px; padding: 0px 10px; vertical-align: top; }

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover { background: rgba(255, 255, 255, 0.3); }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer { display: none; max-height: 70%; max-width: 500px; position: fixed; right: 400px; width: 100%; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList { background: #fff; border: 2px solid #333; color: #333; font-size: 11px; height: auto; overflow: auto; text-align: left; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList b { color: #333; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle { background: #333; margin-top: 21px; padding: 13px 0 9px 13px; text-align: left; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle b { color: #fff; font-size: 16px; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain { background: rgba(51, 51, 51, 0.1); padding: 7px 5px 10px; word-wrap: break-word; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover { background: rgba(51, 51, 51, 0.2); }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a { color: #333; text-decoration: none; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft { display: inline-block; width: 50%; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a b { color: darkred; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight { color: #333; display: inline-block; font-size: 11px; margin-left: 10%; vertical-align: top; width: 30%; }

/*** Fallback activate link */
.tac_activate { background: #333; color: #fff; display: table; font-size: 12px; height: 100%; line-height: initial; margin: auto; text-align: center; width: 100%; }

.tac_float { display: table-cell; text-align: center; vertical-align: middle; }

.tac_activate .tac_float b { color: #fff; }

.tac_activate .tac_float .tarteaucitronAllow { background-color: #1B870B; display: inline-block; }

/*** CSS for services */
ins.ferank-publicite, ins.adsbygoogle { text-decoration: none; }

div.amazon_product { height: 240px; width: 120px; }

/*** Responsive layout for the control panel */
@media screen and (max-width: 479px) { #tarteaucitron .tarteaucitronLine .tarteaucitronName { width: 90% !important; }
  #tarteaucitron .tarteaucitronLine .tarteaucitronAsk { float: left !important; margin: 10px 15px 5px; }
  #tarteaucitronRoot { left: 0; position: static; right: 0; top: 0; width: 100%; }
  #tarteaucitronAlertSmall { background: rgba(160, 159, 159, 0.85); bottom: 0; display: none; padding: 0; left: 0; text-align: center; width: 100%; position: static; }
  #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { background: rgba(160, 159, 159, 0.85); color: #fff; cursor: pointer; display: inline-block; font-size: 16px; padding: 5px 10px; text-decoration: none; margin-left: 7px; }
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen { background-color: #fff; } }

@media screen and (max-width: 767px) { #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron { background: #fff; border: 0 !important; bottom: 0 !important; height: 100% !important; left: 0 !important; margin: 0 !important; max-height: 100% !important; max-width: 100% !important; top: 0 !important; width: 100% !important; }
  #tarteaucitron .tarteaucitronBorder { border: 0 !important; }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList { border: 0 !important; }
  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle { text-align: left !important; }
  #tarteaucitronRoot { left: 0; position: static; right: 0; top: 0; width: 100%; }
  #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { background: rgba(160, 159, 159, 0.85); color: #fff; cursor: pointer; display: inline-block; font-size: 16px; padding: 5px 10px; text-decoration: none; margin-left: 7px; }
  #tarteaucitronAlertSmall { background: rgba(160, 159, 159, 0.85); bottom: 0; display: none; padding: 0; left: 0; text-align: center; width: 100%; position: static; }
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen { background-color: #fff; } }
/*# sourceMappingURL=style_custom.css.map */